Sobes.tech
Middle+

Já enfrentou algum problema de CORS? Como resolveu?

sobes.tech IA

Resposta da IA

Sim, o problema de CORS (Cross-Origin Resource Sharing) costuma ocorrer quando há requisições do frontend para uma API localizada em outro domínio.

CORS é um mecanismo de segurança do navegador que bloqueia requisições de um domínio para outro, se o servidor não permitir essas requisições.

Como resolver:

  • No servidor, é necessário configurar os cabeçalhos de resposta, por exemplo Access-Control-Allow-Origin, para permitir requisições dos domínios necessários.
  • Para desenvolvimento, muitas vezes se usa um servidor proxy que redireciona as requisições para a API para contornar as restrições do navegador.
  • Em alguns casos, é possível usar JSONP ou outros métodos de contorno, mas eles estão obsoletos.

Exemplo de configuração de CORS no Node.js com Express:

app.use((req, res, next) => {
  res.header('Access-Control-Allow-Origin', '*'); // ou um domínio específico
  res.header('Access-Control-Allow-Methods', 'GET,POST,PUT,DELETE');
  res.header('Access-Control-Allow-Headers', 'Content-Type');
  next();
});

Portanto, o essencial é configurar corretamente o servidor para que ele permita explicitamente requisições de fontes necessárias.