Express-Session Cookie在Chrome中未显示的问题排查求助

常见原因与解决步骤 #

• 检查SameSite属性：若设置为Strict或Lax，且前后端跨域（如前端localhost:3000、后端localhost:4000），Chrome会阻止Cookie存入。可临时设置为SameSite: 'None'，同时必须搭配secure: true——注意本地http环境下secure: true会失效，需改用https调试或临时设为false。
• 确认跨域CORS配置：前后端跨域时，后端需将Access-Control-Allow-Origin设为前端具体域名（不能用*），同时开启Access-Control-Allow-Credentials: true；前端请求要添加withCredentials: true（如axios请求配置）。
• 核对域名/端口一致性：后端设置的Cookie域名需和前端访问域名完全匹配，比如后端设domain: 'localhost'，前端不能用127.0.0.1访问；端口不一致也会导致Cookie无法绑定。
• 检查path属性：若Cookie指定了特定路径（如path: '/api'），仅访问该路径下页面时，Application面板才会显示。可改为path: '/'让Cookie在整个域名下生效。
• httpOnly属性不影响显示：即使设置httpOnly: true，Chrome面板仍能看到该Cookie，只是无法通过JS访问，所以这个属性不是看不到的原因。

快速验证流程 #

1. 在Network tab中查看登录接口的响应头，确认Set-Cookie的各项属性是否符合要求。
2. 直接在浏览器地址栏访问后端登录接口，排除跨域因素后查看Cookie是否显示。
3. 检查前端请求是否正确携带了凭证配置。

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