CORS Only in Localhost | Angular Community | Page 1

boreal bramble Jan 20, 2023, 4:01 PM

#

Error in console
Access to XMLHttpRequest at 'https://localhost:7229/api/test?test=1 from origin 'http://localhost:4200' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

I only get this error when I run my website and API on my localhost however, if I deploy both and put them on the same server this cors doesn't happen. I'm not really sure what else to include so please request anything and I'll post it. I've been attempting to figure it out for days.

My Web API is
.NET Core Web API (Restless) with .net core 6
Angular version is
Angular 14

scarlet steeple Jan 20, 2023, 5:16 PM

#

g!cors @boreal bramble

hasty yachtBOT Jan 20, 2023, 5:16 PM

#

@boreal bramble CORS is not an Angular specific issue. You will need to configure your API server to be able to accept cross-origin requests.

For development environment only
In case you do not have access to the API server, you can set up a proxy through which Angular will send requests: https://angular.io/guide/build#proxying-to-a-backend-server.

See https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS for more information about this subject.

scarlet steeple Jan 20, 2023, 5:17 PM

#

Look into the proxy part.

#CORS Only in Localhost