cookie 未显示在 chrome 开发者工具中

Posted 2023-03-03

【中文标题】cookie 未显示在 chrome 开发者工具中

【英文标题】：cookie is not shown in chrome developer tools

【发布时间】：2015-05-24 15:30:13

【问题描述】：

我使用 node/express 服务器和 angularjs 作为前端。服务器设置 cookie 并在网络响应中正确显示。但 cookie 未显示在 chrome 开发人员工具的资源选项卡中。相同的可能原因是什么。

【问题讨论】：

如果 cookie 过去有过期时间，它将被 chrome 静默丢弃。它不会出现在资源标签中

您的服务器设置了 3 个 cookie：admin、remember 和 sessionID，它们都显示在资源选项卡中。你说什么cookie没有显示？

chrome 开发者工具资源选项卡中的cookie 未设置。我添加了一张图片

尝试设置 cookie 的 Max-age 或 Expires 属性，不要同时设置。我只保留 Expires 属性

【参考方案1】：

以下是未实际设置有效 cookie 的 2 个潜在原因：

过期时间无效 - 从浏览器的角度来看，cookie 在过去的某个时间过期 Cookie 的无效域。假设您从 example.com 提供页面，但您的服务器尝试为域 google.com 设置 cookie

chrome 开发工具中也可能存在不显示 cookie 的错误，但您可以通过向服务器发出另一个请求并查看服务器实际接收到哪些 cookie 来轻松检查。

【讨论】：

请查看附件图片

一个有趣的屏幕截图是查看 Chrome 显示的请求/响应标头

目前我从 localhost:9000 请求，节点/express 服务器是 localhost:8000。是这个原因吗？

riyas_tk - 可能

在 http 浏览器会话中也不会接受/保留 https 定义的 cookie。

【参考方案2】：

您的 cookie 可能是 HTTPOnly 身份验证 cookie。除非您正在浏览本地主机，否则这些不会在 chrome 中显示。

【讨论】：

有任何来源吗？我可以在非本地主机环境中看到其他 HTTPOnly cookie

这只是我的观察。但是，当 chrome 具有某些特定设置时，它看起来像显示一个 cookie。我在本地、测试环境和生产环境中托管我的 Web 应用程序，现在我只能在开发工具中看到 prod cookie。与 local 和 test 不同，prod cookie 具有 SameSite=strict。