Cookie 未在生产中设置

Question

我为 heroku 和 next.js 应用部署了一个 express 服务器。 cookie 是从服务器发送的，甚至显示在网络选项卡中：

但是，cookies 并没有实际存储，我所有的请求都失败了，因为它们依赖于 csrf cookie，并且存储选项卡是空的：

这是在后台设置cookies的代码：

const csrfProtection = csrf({
  cookie: {
    httpOnly: true,
    sameSite: 'none',
    secure: true,
  },
});

app.set('trust proxy', 1);

app.use(cors({ credentials: true, origin: clientOrigin }));

app.get('/', csrfProtection, function (req: Request, res: Response) {
  res.cookie('XSRF-TOKEN', req.csrfToken(), { sameSite: 'none', secure: true });
  res.end();
});

app.use(csrfProtection);

这是我的 axios 实例：

const baseURL = process.env.baseURL;

const axiosInstance = Axios.create({
  baseURL,
  withCredentials: true,
});

和请求代码：

 useEffect(() => {
    dispatch(loadingAction.setToTrue());
    const getCsrf = async () => {
      await axiosInstance.get('/');
    };
    getCsrf()
      .then(() => {
        dispatch(loadingAction.setToFalse());
      })
      .catch((err) => {
        dispatch(loadingAction.setToFalse());
        setError(err);
      });
  }, []);

Answer 1

在查看您的屏幕截图时 - 我观察到浏览器具有不同的域集 hilife01 与 hilife-1

通过 https://hlife01.herokuapp.com/auth/login 访问 - 获取 cookie，但您的应用没有配置正确的路由。

很可能，正确的域与正在设置的 cookie 没有关联，因此在设置 cookie 时，浏览器会默默地拒绝 cookie，因为您不匹配域，但它在地址栏中可见。