Корс выдает, если я отправлю запрос с json в теле - PullRequest
Новая
       22

Корс выдает, если я отправлю запрос с json в теле

0 голосов
/ 01 марта 2020

У меня есть реакция, работающая на локальном порте 3000, и express, работающая на порте 8000. Я хочу выполнить следующий запрос из реакции: 

  fetch('http://localhost:8000/login', {
    method: 'POST',
    headers: {'Content-Type': 'application/json'},
    body: JSON.stringify(json), //this line cause cors problems
  })

, но затем я получаю следующую ошибку: 

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:8000/login. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

Если я удаляю тело из запроса, запрос фактически работает нормально.

Это мой express сервер. 

let app = express(); // Export app for other routes to use
let handlers = new HandlerGenerator();
const port = process.env.PORT || 8000;
//middlewares
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());
app.use(cors()); 
//app.use(cors({origin:'http://localhost:3000'})); //restrict the origin to localhost doesn't work either
app.use( (req, res, next) => {console.log(req.body); next()});
// Routes & Handlers
app.options('/login', (req, res)=>{res.end()});
app.post('/login', handlers.login);
app.get('/', middleware.checkToken, handlers.index);
app.options('/', (req, res)=>{ res.end();} );
app.listen(port, () => console.log(`Server is listening on port: ${port}`));

Надеюсь, кто-нибудь может это объяснить. спасибо Amit

1 Ответ

2 голосов
/ 01 марта 2020

Переместить app.use(cors()) поверх других промежуточных программ. Например: 

app.use(cors());
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());

Вы должны разрешить cors перед обработкой тела запроса.

...