Express.js登录后JWT Cookie未在浏览器中设置的问题求助

你的Cookie未被浏览器保存，核心原因是开发环境下错误启用了secure: true配置，结合跨域场景的属性适配问题，具体解决步骤如下：

1. 核心问题：secure: true 不适用于HTTP本地环境 #

你设置Cookie时启用了secure: true，该属性强制Cookie仅能在HTTPS连接下被浏览器保存和发送。但你的前端运行在http://127.0.0.1:5500/5501（HTTP协议），浏览器会严格遵循标准忽略这类Cookie——这也是Postman能正常获取但前端不行的原因，Postman不会校验secure属性。

2. 解决方案：根据环境动态配置Cookie属性 #

修改登录路由中的Cookie配置，通过环境变量区分开发/生产环境的属性设置：

// 登录路由内的Cookie配置段
const isProduction = process.env.NODE_ENV === 'production';
res.cookie("token", token, {
    httpOnly: true,
    sameSite: isProduction ? 'none' : 'lax', // 生产跨域用none，开发用lax
    secure: isProduction, // 生产HTTPS环境启用secure，开发环境关闭
    maxAge: 7 * 24 * 60 * 60 * 1000 // 可选：和JWT过期时间保持一致（7天）
});

3. 额外确认项 #

• 确保后端NODE_ENV环境变量正确设置：开发环境设为development，生产环境设为production。
• 前端axios请求已正确添加withCredentials: true（你的代码已满足此要求）。
• CORS配置的allowedOrigins已包含前端完整地址（当前配置无需修改）。

验证方式 #

重启后端后完成登录，打开浏览器开发者工具（F12）→ Application → Cookies → 查看http://127.0.0.1下是否存在token Cookie；后续请求中浏览器会自动携带该Cookie，可通过后端req.cookies.token获取。

内容的提问来源于stack exchange，提问作者Otávio Vinícius