浏览器扩展弹窗页面无法设置Cookie的问题求助

架构老林

2026-4-7

我最近在给浏览器扩展的弹窗页面设置Cookie时碰了壁，试了两种方法都没成功，想请教下各位大佬：是不是我哪里操作错了，或者扩展的弹窗页面根本就不允许设置Cookie？

第一种尝试：用`document.cookie`直接设置

我最先试了最常用的document.cookie，但执行后完全没效果，代码和控制台输出如下：

document.cookie = "SID=1234";
console.log("Current cookie...");
console.log(document.cookie);

控制台输出：

Current cookie...
[空行]

第二种尝试：使用`cookieStore.set()` API

接着我换成了cookieStore.set()，结果直接抛出了域名不匹配的错误，代码是这样的：

async function setCookie() {
  try {
    await cookieStore.set({ name: "SID", value: "1234" });
  } catch (error) {
    console.log(`Error setting SID: ${error}`);
  }
}
await setCookie();

控制台输出：

Error setting SID: TypeError: The domain must domain-match current host

后来我想着是不是得指定域名，就把window.location.href填进去了，结果还是报同样的错：

async function setCookie() {
  try {
    await cookieStore.set({ 
      name: "SID", 
      value: "1234", 
      domain: window.location.href 
    });
  } catch (error) {
    console.log(`Error setting SID: ${error}`);
  }
}
await setCookie();

控制台输出：