嗨，我之前在Chrome DevTools面板插件开发里也踩过CORS的坑，结合你给出的代码片段（看起来你是想把chrome.storage.local里存的内容发送到Netlify开发服务器对吧？），给你分享几个亲测靠谱的解决办法：

先唠唠问题根源 #

Chrome DevTools的面板页面本质上是属于插件的隔离页面，直接向外部的Netlify开发服务器发送请求时，浏览器的同源策略会拦住这个请求——毕竟插件的源（chrome-extension://你的插件ID）和Netlify服务器的源不一样，这就是CORS报错的核心原因。

方案1：给Netlify开发服务器配置CORS允许插件源 #

如果你能直接控制Netlify开发服务器的配置，那最简单的就是在服务器端放开插件的源：
在你的Netlify项目根目录新建或者修改netlify.toml文件，添加CORS相关的头配置：

[[headers]]
  for = "/*"  # 对所有路径生效
  [headers.values]
    Access-Control-Allow-Origin = "chrome-extension://<你的插件ID>"
    Access-Control-Allow-Methods = "GET, POST, OPTIONS"  # 允许你需要的请求方法
    Access-Control-Allow-Headers = "Content-Type"  # 允许发送的请求头

记得把<你的插件ID>换成你实际的插件ID，你可以在Chrome的扩展管理页面（chrome://extensions/）开启开发者模式后看到插件的ID。

方案2：用插件后台脚本做请求代理（最稳妥的生产级方案） #

Chrome插件的后台Service Worker是不受浏览器同源策略限制的，所以我们可以让DevTools面板把数据传给后台，再由后台帮我们发送请求到Netlify：

1. 先在manifest.json里注册后台Service Worker，同时声明必要的权限：

{
  "manifest_version": 3,
  "background": {
    "service_worker": "background.js"
  },
  "permissions": ["storage", "activeTab"],
  "devtools_page": "devtools.html"  # 你的DevTools入口页面
}

2. 然后修改你面板里的点击事件代码，把数据发给后台脚本：

const toDbBtn = document.getElementById("toDbBtn");
toDbBtn.addEventListener("click", async () => {
  const dbName = document.getElementById("textBox").value;
  const storedJSON = await chrome.storage.local.get(["yourKey"]);

  // 检查存储的数据是否存在，避免空请求
  if (!storedJSON?.yourKey) {
    console.log("没有找到要发送的数据哦");
    return;
  }

  // 给后台发消息，请求帮忙代理发送到Netlify
  chrome.runtime.sendMessage({
    type: "SEND_TO_NETLIFY",
    data: storedJSON.yourKey,
    targetDb: dbName
  }, (response) => {
    if (response.success) {
      console.log("数据发送成功啦！");
    } else {
      console.error("发送失败：", response.error);
    }
  });
});

3. 最后在background.js里处理请求并发送到Netlify：

// 监听来自面板的消息
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
  if (request.type === "SEND_TO_NETLIFY") {
    // 发送请求到Netlify开发服务器
    fetch("https://你的-netlify-dev-server地址/接口路径", {
      method: "POST",  // 根据你的需求换方法，比如GET
      headers: {
        "Content-Type": "application/json"
      },
      body: JSON.stringify({
        dbName: request.targetDb,
        content: request.data
      })
    })
    .then(res => {
      if (!res.ok) throw new Error(`请求失败：${res.status}`);
      return res.json();
    })
    .then(result => {
      sendResponse({ success: true, data: result });
    })
    .catch(err => {
      sendResponse({ success: false, error: err.message });
    });
    // 因为是异步请求，返回true保持消息通道不关闭
    return true;
  }
});

方案3：临时绕过CORS（仅本地调试用，别上生产！） #

如果你只是本地调试想快速验证功能，可以用Chrome的启动参数关闭同源策略，但这个方法只适合调试，绝对不能用在正式环境：

• Mac终端启动Chrome的命令：

open -n -a "Google Chrome" --args --disable-web-security --user-data-dir="/tmp/chrome_dev_temp"

• Windows系统的话，找到Chrome的安装路径（比如C:\Program Files\Google\Chrome\Application\chrome.exe），右键创建快捷方式，在快捷方式的“目标”末尾加上：

--disable-web-security --user-data-dir="C:\chrome_dev_temp"

用这个快捷方式打开Chrome后，同源策略就暂时失效了，你可以直接从DevTools面板发送请求，但注意这个窗口里别访问敏感网站，有安全风险。

另外看你代码片段里的if (sto应该是没写完的判断逻辑，记得补全哦，比如判断storedJSON.yourKey是否存在，避免发送空数据导致的错误~

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