在 localhost 开发环境中，Cookie 无法跨主域与子域名共享，导致用户在 requester.localhost 接受后，回到 localhost 又需重复操作；根本原因是 domain: ".localhost" 设置错误，应改为 domain: "localhost"。
在 localhost 开发环境中，cookie 无法跨主域与子域名共享，导致用户在 requester.localhost 接受后，回到 localhost 又需重复操作；根本原因是 `domain: ".localhost"` 设置错误，应改为 `domain: "localhost"`。
在基于 Vue.js 和 vue-cookies（或类似 Cookie 库）实现的 Cookie 同意横幅中，若希望用户一次授权即对整个本地域（如 localhost 及其子域名 requester.localhost、api.localhost 等）生效，必须确保 Cookie 的 domain 属性设置正确。
⚠️ 关键误区：
许多开发者习惯性沿用生产环境写法（如 domain: ".example.com"），认为前导点（.localhost）能启用“所有子域名共享”，但 localhost 是一个特殊主机名，不被视为标准的“注册域名”（registrable domain）。浏览器对 domain=".localhost" 的处理不符合预期——它不会匹配 localhost 或任何 *.localhost 子域名，反而可能导致 Cookie 被完全拒绝或仅限当前完整主机名生效。
✅ 正确做法：
将 domain 显式设为 "localhost"（无前导点），并配合 path: "/"，即可使 Cookie 在 localhost 及其所有同级子域名（如 requester.localhost）间共享：
acceptCookies() {
this.$cookies.set("cookie_agreement", "1", {
path: "/",
domain: "localhost", // ✅ 正确：不加点，明确指定主域
secure: false, // 开发环境通常无需 HTTPS
sameSite: "lax" // 推荐设置，兼顾安全与兼容性
});
this.snackbar = false;
}
? 补充说明与注意事项：
- 浏览器对 localhost 的 Cookie 域匹配规则遵循 RFC 6265：当 Domain 属性值等于请求主机名（或为其后缀），且不以点开头时，才视为匹配。因此 domain: "localhost" 匹配 localhost 和 requester.localhost；而 domain: ".localhost" 不合法，多数现代浏览器会忽略该字段或静默失败。
- 若使用 127.0.0.1 或 ::1 访问，则 domain 必须留空（undefined）或省略，因 IP 地址不支持通配符域；此时建议统一使用 localhost 作为开发入口。
- 生产环境部署时，请务必切换回 domain: ".yourdomain.com"（带前导点），并确保主域已配置 HTTPS（secure: true 才可生效）。
通过修正 domain 值，即可实现一次点击、全域生效的 Cookie 同意体验，显著提升本地多子域联调场景下的用户体验与开发效率。
