跨子域Cookie同意状态不生效：主域与子域间Cookie通知重复弹出

看起来你遇到了localhost环境下跨子域共享Cookie的经典坑——我之前调试本地项目时也踩过一模一样的！问题根源其实出在浏览器对.localhost这个特殊域名的处理逻辑上，咱们一步步来解决：

为什么原来的配置不生效？ #

很多现代浏览器（Chrome、Firefox、Edge都算）对localhost的Cookie域规则有特殊限制：.localhost并不是浏览器认可的有效顶级域后缀，所以你设置domain: ".localhost"之后，Cookie并不会被正确标记为可跨子域共享，反而会被绑定到当前访问的具体域名（比如localhost或requester.localhost），导致两边的Cookie不互通。

解决步骤 #

1. 配置自定义本地域名

先把localhost换成自定义的带后缀域名，这样浏览器就能正常识别跨子域规则了：

• 打开系统的hosts文件：
  • Windows：C:\Windows\System32\drivers\etc\hosts
  • Mac/Linux：/etc/hosts
• 在文件末尾添加两行配置（可以把myapp.local换成你喜欢的名字）：

  127.0.0.1 myapp.local
  127.0.0.1 requester.myapp.local
  

• 保存文件后，用myapp.local访问主域，requester.myapp.local访问子域。

2. 修改Cookie设置代码

把原来的.localhost换成你自定义的域名后缀：

acceptCookies() {
  this.$cookies.set("cookie_agreement", "1", {
      path: "/",
      domain: ".myapp.local" // 对应自定义域名的后缀，前面的点不能少
  });
  this.snackbar = false;
},

3. 清理旧Cookie

别忘了清空浏览器里之前和localhost相关的所有Cookie，避免旧缓存影响新配置的生效。

额外提醒 #

如果之后要部署到生产环境，只要你的主域和子域属于同一个顶级域（比如yourdomain.com和requester.yourdomain.com），原来类似的domain: ".yourdomain.com"配置是完全有效的——只是本地localhost环境有特殊限制而已。

备注：内容来源于stack exchange，提问作者razor60