/Javascript/AngularJS/How to fix cors in angular

How to fix cors in angular

in PHP server:
    header('Access-Control-Allow-Origin: *');

    header('Access-Control-Allow-Methods: POST, GET, OPTIONS, DELETE, PUT');
    header('Access-Control-Allow-Headers: X-Requested-With, Content-Type, Origin, Authorization, Accept, Client-Security-Token, Accept-Encoding, X-Auth-Token, content-type');

in Angular POST request:
	const httpOptions = {
 	 	headers: new HttpHeaders()
	}

    httpOptions.headers.append('Access-Control-Allow-Origin', '*');
    httpOptions.headers.append('Content-Type', 'application/json');
    httpOptions.headers.append('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');

	this.httpClient.post(<url>, <body>, httpOptions);

Angular cors issue

header('Access-Control-Allow-Origin: *');

Source: techiediaries.com

Adding cors in angular

"architect": {
    "serve": {
            "builder": "@angular-devkit/build-angular:dev-server",
            "options": {
                "browserTarget": "project-name:build",
                "proxyConfig": "src/proxy.conf.json"
            },
          }
}

Source: positronx.io

Similar codes

1 vote309 views1 answer
How to get utc time in angular
Javascript AngularJS
3 votes328 views1 answer
Add firebase angular
Javascript AngularJS
0 vote314 views1 answer
Material icon button angular
Javascript AngularJS
7 votes316 views4 answers
Refresh current component angular
Javascript AngularJS
1 vote341 views1 answer
Select onchange pass option value in angular 6
Javascript AngularJS
16 votes403 views6 answers
Generate a component in angular
Javascript AngularJS
0 vote333 views4 answers
Progress bar loader angular
Javascript AngularJS
5 votes342 views1 answer
Angular open poort in network
Javascript AngularJS
1 vote301 views1 answer
Angular mat select open programmatically
Javascript AngularJS
12 votes330 views2 answers
Angular string contains
Javascript AngularJS