Angular Cross Origin

Satheesh Elumalai

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.

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sanjit Kumar Singh8y ago
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.
0
Manav Pandya8y ago
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
0