/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 vote260 views1 answer
Angular contains both .browserslistrc and browserslist
Javascript AngularJS
0 vote218 views1 answer
Angularjs find and update object in array
Javascript AngularJS
0 vote232 views1 answer
Upload file angular rest api
Javascript AngularJS
0 vote231 views1 answer
Animate change background color angular
Javascript AngularJS
2 votes230 views6 answers
Tailwind in angular
Javascript AngularJS
0 vote241 views1 answer
Plyr.js example in angular 10
Javascript AngularJS
0 vote248 views1 answer
Angular router 404
Javascript AngularJS
4 votes213 views3 answers
Reload sub component angular
Javascript AngularJS
0 vote217 views1 answer
Command to create custom pipe in angular 6
Javascript AngularJS
5 votes224 views2 answers
Generate component with module angular 8
Javascript AngularJS