In angular 7 am using HTTPclient module for api's and To get a cooke from server am passing withCredentials = 'true' but getting CORS error

Question

Kept Withcredetials = true to get cookies in Angular HttpClient post request but getting CORS error (backend is .net core)

"from origin 'http://localhost:4200' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'. The credentials mode of requests initiated by the XMLHttpRequest is controlled by the withCredentials attribute"

Add more details to the question. http caliing code from UI. What backend you are using, how have u handled CORS etc — Adrita Sharma, Aug 07 '19 at 11:55

Adrita Sharma · Answer 1 · 2019-08-07T11:56:20.167

0

While passing Withcredetials = true from UI, you need to add 2 items in the backend while handling CORS.

Firstly, in Origins, you have to add client url (wildcard (*) is not allowed)

Secondly, add SupportsCredentials = true

Example:

[EnableCors(origins: "http://exampleclient.com", headers: "*", 
methods: "*", SupportsCredentials = true)]

edited Aug 07 '19 at 11:56

answered Aug 07 '19 at 11:46

Adrita Sharma

21,581
10
69
79

WE use .net Core in backend @Adrita Sharma – hasnainsakir Aug 20 '19 at 11:08
can u help me with this. @Adrita Sharma – hasnainsakir Aug 20 '19 at 11:08
Sure. What is the issue you are facing – Adrita Sharma Aug 20 '19 at 11:09
HI am using Twilio in the backend for otp verification. it uses sessions to authenticate it works in native apps but in the case of angular am not getting cookie it shows the above error when i set withcredentials = true – hasnainsakir Aug 20 '19 at 11:17

In angular 7 am using HTTPclient module for api's and To get a cooke from server am passing withCredentials = 'true' but getting CORS error

1 Answers1