React Axios请求响应中Cookie未显示的问题求助

• 修正secure属性配置：
  你当前设置了secure: true，但如果前端是http://localhost:3000（非HTTPS协议），浏览器会拒绝保存该Cookie——secure属性仅允许Cookie在HTTPS环境下传输和存储。开发环境可临时将secure改为false，若需保留该属性，则需为前后端配置HTTPS。
  修改后的后端Cookie配置示例：

  res.cookie('sessionUser', token, {
      maxAge: 7200000, // 改为2小时（单位毫秒），避免短时间过期
      httpOnly: true,
      secure: process.env.NODE_ENV === 'production', // 仅生产环境启用secure
      sameSite: process.env.NODE_ENV === 'production' ? "none" : "lax"
  })
  

• 匹配sameSite与环境规则：
  当sameSite设为none时，必须搭配secure: true使用，但这仅在HTTPS环境下生效。HTTP开发环境中，将sameSite改为lax或strict，可避免浏览器因规则不匹配拒绝Cookie。

• 确认CORS预检请求处理：
  虽已配置credentials: true和origin，但需确保后端正确处理OPTIONS预检请求。另外exposedHeaders用于暴露自定义响应头，与Cookie无关，可保留但不影响当前问题。

• 检查Cookie存储位置：
  不要仅查看响应头，打开浏览器开发者工具Application标签，找到Cookies下的http://localhost:3001（后端域名），查看是否存在sessionUserCookie。由于httpOnly: true，该Cookie无法通过前端JS获取，但会在Application面板显示。

内容的提问来源于stack exchange，提问作者user23117399