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.