/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

0 vote180 views1 answer
What is the difference between angular changedetection default and onpush stratergy
Javascript AngularJS
24 votes326 views2 answers
Date format in angular ts
Javascript AngularJS
8 votes182 views4 answers
Angular moment
Javascript AngularJS
11 votes210 views2 answers
Angular print an array
Javascript AngularJS
0 vote199 views1 answer
Firebase angular send notification to by tocken
Javascript AngularJS
3 votes191 views1 answer
Scoll a div to bottom in angular
Javascript AngularJS
2 votes190 views1 answer
If 'mat-step' is an Angular component,
Javascript AngularJS
72 votes328 views3 answers
Angular local storage
Javascript AngularJS
0 vote238 views4 answers
Progress bar loader angular
Javascript AngularJS
0 vote237 views1 answer
Reactive forms angular conditional disabling
Javascript AngularJS