Entrar Ainda não tem acesso?
1
resposta

erro CORS policy

Referente ao curso Node.js e HTTP: desenvolvendo uma API seguindo o estilo REST

por Antonio carlos Nascimento Filho
| 76.8k xp | 15 posts
Analista de Sistema

criei uma api node e agora um projeto em react para poder consumir os dados da api, mais estou com o seguinte erro : Access to XMLHttpRequest at 'http://localhost:9000/api/usuario/v1/login' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'. The credentials mode of requests initiated by the XMLHttpRequest is controlled by the withCredentials attribute.

como posso solucionar o mesmo?

1 resposta
por Instrutor
| 1132.1k xp | 1471 posts
Instrutor

Antonio, boa tarde!

Você pode usar a lib chamada cors, rode no seu terminal

 npm install cors

No seu arquivo de rotas adicione antes de definir as rotas:

var express = require('express')
var cors = require('cors')
var app = express()

app.use(cors()) //Essa linha aqui

Crie uma a variável com as rotas permitidas: 

var corsOptions = {
  origin: 'http://localhost:3000'',
  optionsSuccessStatus: 200
}

Por último passe como parâmetro para a função cors

app.use(cors(corsOptions))

Espero ter ajudado e bons estudos!