Angular cors isssssssue

[marcos97]

Hi,

i configured my expressJs server you can see it in this image https://ibb.co/dWDkMVK



and in angular side like this https://ibb.co/X3Xbnfx

https://ibb.co/b6j50FP



i always get this error https://ibb.co/r2JjxwV



by the way in backend side it works just fine https://ibb.co/QYHMDG0

i even this approach of the proxy

my network and console

 

[Phro0244]

It looks like you are trying to make a request from your Angular app to your Express.js server, but you are running into a CORS (Cross-Origin Resource Sharing) error. This error occurs when a web application running under one domain tries to access resources on a server that is on a different domain.

To solve this error, you need to enable CORS on your Express.js server. You can do this by installing the cors package and adding the following code to your server.js file:

const cors = require('cors');

app.use(cors());

This will allow your Angular app to make requests to your Express.js server.

Additionally, you can use a proxy to bypass CORS restrictions. In your Angular app's proxy.conf.json file, add the following configuration:

{
  "/api/*": {
    "target": "http://localhost:3000",
    "secure": false,
    "logLevel": "debug"
  }
}

This will redirect any requests to /api/* to your Express.js server running on http://localhost:3000.

Make sure to also update your Angular app's service file to use the correct URL path for the API requests:

private apiUrl = '/api';

With these changes, you should be able to make requests from your Angular app to your Express.js server without encountering the CORS error.