Chrome CORS 问题

Question

我的节点后端设置在 Heroku 上，React 前端设置在 Netlify 上。在 Firefox 上一切正常，但在 chrome 上我可以登录（post 请求）然后我无法在我的页面上移动因为 cors 策略阻止我对服务器的获取请求。

Access to XMLHttpRequest at 'https://xxx.herokuapp.com/api/fetchPurchasedPrizes' from origin 'https://xxx.netlify.app' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

我的后端 cors 设置

    app.use(
  cors({
    credentials: true,
    origin: 'xxx.netlify.app',
  }),
);

在本地主机上，两种浏览器都运行良好。

Answer 1

简单的解决方案，我只需要添加

cookie: {
  sameSite: 'none',
  secure: 'true',
},

到我的会话配置。

Chrome CORS 问题

Chrome CORS troubles

google-chrome

cors