/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

93 votes270 views3 answers
Instalación de angular cli
Javascript AngularJS
0 vote167 views1 answer
Angular stoppropagatio
Javascript AngularJS
0 vote140 views1 answer
Angular pass async pipe value to funciton
Javascript AngularJS
0 vote162 views1 answer
Angular $http abort request
Javascript AngularJS
1 vote140 views2 answers
Change font size of angular material tooltip
Javascript AngularJS
1 vote154 views4 answers
Get rid of white space around Angular Material modal dialog
Javascript AngularJS
4 votes142 views1 answer
Clear angular formarray
Javascript AngularJS
0 vote161 views1 answer
Angular ngif object not null
Javascript AngularJS
0 vote125 views1 answer
Material icon button angular
Javascript AngularJS
1 vote146 views1 answer
Iterate over enum angular ngfor
Javascript AngularJS