Middle+

Have you encountered a CORS problem? How did you solve it?

sobes.tech AI

Answer from AI

Yes, CORS (Cross-Origin Resource Sharing) issues often occur when making requests from the frontend to an API hosted on a different domain.

CORS is a browser security mechanism that blocks requests from one domain to another unless explicitly allowed by the server.

How to resolve:

Configure response headers on the server, such as Access-Control-Allow-Origin, to permit requests from specific domains.
During development, a proxy server is often used to forward requests to the API, bypassing browser restrictions.
In some cases, techniques like JSONP or other workarounds can be used, but they are outdated.

Example of CORS setup in Node.js with Express:

app.use((req, res, next) => {
  res.header('Access-Control-Allow-Origin', '*'); // or specific domain
  res.header('Access-Control-Allow-Methods', 'GET,POST,PUT,DELETE');
  res.header('Access-Control-Allow-Headers', 'Content-Type');
  next();
});

Thus, the key is to properly configure the server to explicitly allow requests from the desired sources.

Previous Next