0

Verifiquei em outras perguntas porém não encontrei resposta que se enquadra em meu problema.

Tenho uma aplicação ReactJS que está no meu localhost:3000 e preciso fazer um post para minha API que está no meu localhost:4000.

O envio dos dados é bloqueado pelo CORS, mas até então, já fiz outros testes em minha API e tudo está funcionando corretamente. Inclusive consigo fazer a mesma requisição através do insomnia.

CORS API:

module.exports = (req, res, next) => {
    res.header('Access-Control-Allow-Origin', '*')
    res.header('Access-Control-Allow-Methods', 'GET,POST,PATCH,DELETE')
    res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-with, Cotent-type, Accept, privatekey')
    next()
}

As requisições no app React são através do Axios. Erro:

inserir a descrição da imagem aqui

3
  • CORS é uma política implementada no seu navegador, programas como o Insomnia não são sujeitos a essas políticas, por isso não você não tem erros ao testar as requisições por esse programa. O seu problema é que no seu middleware, você está concedendo permissões para o header cotent-type, não para o content-type, erro de sintaxe, faltou o n.
    – Andre
    Commented 8/08/2021 às 17:23
  • Muito obrigado e desculpe minha ignorância ! Commented 8/08/2021 às 17:25
  • Uma dica: permita o método OPTIONS no seu header para permitir que o servidor indique quais métodos são acessíveis a rota. Commented 31/07/2022 às 17:05

1 Resposta 1

-1

Boa tarde.

Primeiramente tente instalar essa biblioteca cors ela vai ajudar você a trabalhar melhor com CORS

  1. npm install cors
  2. Importe a dependência
const cors = require("cors")

Depois adicione essa linha de código

app.use(cors({
  origin: '*'
}))

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .