为什么设置的Cookie在浏览器里看不到？

书生シ玉楠提问于 2026-03-08 18:14:21 阅读 4

前端

我在本地开发时用 document.cookie = "token=abc123" 设置了 Cookie，但在 Chrome 开发者工具的 Application 面板里完全找不到，这是为啥？

我试过加 path 和 domain，比如这样：

document.cookie = "token=abc123; path=/; domain=localhost";

但还是没出现，是不是因为 localhost 不支持？还是我漏了什么设置？

Cookie机制

我来解答赞 1 收藏

反馈

1 条解答

南宫梓艺 Lv1

啊，这个坑我踩过！localhost确实比较特殊，浏览器对它有特殊处理。主要原因是你漏了Secure和SameSite属性。

优化一下代码试试这个：

document.cookie = "token=abc123; path=/; SameSite=None; Secure";

关键点：
1. Chrome现在对localhost的cookie要求更严格，需要明确SameSite=None
2. 虽然localhost不用https，但必须加上Secure标记
3. 开发时可以用127.0.0.1代替localhost，这样就不需要SameSite和Secure了

如果还不行，检查下chrome://flags里是不是开了"Enable removing SameSite by default cookies"，把它禁用掉。

ps：调试cookie真是烦人，每次都要清缓存刷新好几次...

2026-03-08 19:06