前端Vue 中 引入js-cookie比如：cookie.set("name",name, { domain: "localhost" }); // 存不进去

问题遇到的现象和发生背景

我是自学的java后端，前端勉强能看懂，修改代码后不成功，退回去就出了bug，奇怪的很，和以前的代码一样，挨着挨着对比了。

问题相关代码，请勿粘贴截图
setCookies(name, token) {
      alert('33333')
      alert(name)   // name 有值，能传过来正常数据：邮箱地址
      cookie.set("token", token, { domain: "localhost" });   
      cookie.set("name",name, { domain: "localhost" });   // 存不进去  , 哦对，这个 domain："localhost" 是干什么的
      cookie.set("test","test")  // 可以存进去
      alert(cookie.get("test"));   // 输出结果正常：test
      alert(cookie.get("name"));  // 输出为 undefined
      window.location.reload();
    },
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果

能把数据存进去，

domain表示Cookie所在的域，默认是当前网站

img

有两个子域名，域A保存了Cookie，域B无法拿到，如下图

img

这时就需要设置domain，发现所在域发生了变化，域B可以获取到域A保存的Cookie

img