Axios 的困难 - React 中的 Cors 设置 - Flask 项目

Question

我在设置我的反应烧瓶应用程序的身份验证功能时遇到一些问题。

我正在运行使用 redis 的服务器端会话。 在 POST 请求之后，我想在将来返回一个 cookie，因此我需要凭据为真。

那是我的前端：

后端：

Axios 已安装，flask-cors 也已安装。

我已经花了几个小时试图解决这个问题，主要与 post() 标头和/或 CORS() 设置不同，但这仍然是给我最有希望的结果。

我也阅读了很多有关此主题的帖子，但找不到解决方案。

非常感谢您，任何建议将不胜感激。

Answer 1

除了访问控制标头之外，您还需要在后端通过 OPTIONS 方法回复添加 CORS 预检。

res.setHeader('Access-Control-Allow-Origin', '*',);
res.setHeader('Access-Control-Allow-Headers', 'Content-Type,Mode,access-control-allow-origin');
res.setHeader('Access-Control-Allow-Methods', 'GET,POST,PUT,PATCH,DELETE');
res.setHeader('Access-Control-Allow-Credentials', true);

if (req.method === 'OPTIONS') {
  return res.end()
}