Angular Cross Origin

Question

i have face this type of error how to resolve thiz one. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:4200' is therefore not allowed access. The response had HTTP status code 401.

Sanjit Kumar Singh · Answer

Hi Satheesh, For this we have two way one from the backend and one from the frontend. Let's go from client side right now: const header = new Headers(); header.append('Accept', 'application/json'); header.append('Access-Control-Allow-Origin', '*'); header.append('Access-Control-Allow-Methods', 'GET,POST,DELETE,PUT,OPTIONS,HEAD'); header.append('Authorization', 'bearer ' + sessionStorage.getItem('bearer_token')); In place of sessionStorage.getItem('bearer_token') you have to provide the token from your application or you can set it in Session storage with name 'bearer_token, and you are done. I hope it will help You. Thank You.

Manav Pandya · Answer

Give it a try : https://stackoverflow.com/questions/43989859/angular-4-no-access-control-allow-origin-header-is-present-on-the-requested-re https://www.codeschool.com/discuss/t/how-to-solve-no-access-control-allow-origin-header-is-present-on-the-requested-resource-origin-null-is-therefore-not-allowed-access-in-angular-js/28989 https://github.com/angular/angular/issues/6583 https://discuss.emberjs.com/t/no-access-control-allow-origin-header-is-present-on-the-requested-resource-origin-http-localhost-4200-is-therefore-not-allowed-access-the-response-had-http-status-code-401/13538 Thanks

Angular Cross Origin

Answers (2)