在域上创建 JavaScript cookie 并跨子域读取它

Question

以下是在用户计算机上写入 12 个月的 JavaScript cookie。

在我们的主域（如example.com）上设置cookie后，如果用户访问像test.example.com这样的子域，我们需要继续识别用户在我们的“测试”子域中的活动。

但是使用当前代码，一旦他们离开www.example.com 并访问test.example.com，他们就不再被标记为“HelloWorld”。

有人可以帮助我编写代码以允许跨子域读取 cookie 吗？

<script type="text/javascript">
  var cookieName = 'HelloWorld';
  var cookieValue = 'HelloWorld';
  var myDate = new Date();
  myDate.setMonth(myDate.getMonth() + 12);
  document.cookie = cookieName +"=" + cookieValue + ";expires=" + myDate;
</script>

Answer 1

您也可以使用Cookies API 并执行以下操作：

browser.cookies.set({
  url: 'example.com',
  name: 'HelloWorld',
  value: 'HelloWorld',
  expirationDate: myDate
}

MDN Set() Method Documentation

Answer 2

这是一个工作示例：

document.cookie = "testCookie=cookieval; domain=." + 
location.hostname.split('.').reverse()[1] + "." + 
location.hostname.split('.').reverse()[0] + "; path=/"

这是一个通用的解决方案，它从位置对象中获取根域并设置 cookie。逆向是因为你不知道你有多少子域（如果有的话）。

Answer 3

你想要：

document.cookie = cookieName +"=" + cookieValue + ";domain=.example.com;path=/;expires=" + myDate;

根据RFC 2109，要让所有子域都可以使用cookie，您必须在您的域前面放置一个.。

设置 path=/ 将使 cookie 在整个指定域中可用（又名.example.com）。

Answer 4

只需在 cookie 上设置 domain 和 path 属性，例如：

<script type="text/javascript">
var cookieName = 'HelloWorld';
var cookieValue = 'HelloWorld';
var myDate = new Date();
myDate.setMonth(myDate.getMonth() + 12);
document.cookie = cookieName +"=" + cookieValue + ";expires=" + myDate 
                  + ";domain=.example.com;path=/";
</script>