具有清单版本 3 的 CORS Chrome 扩展

bub*_*arx 6 google-chrome google-chrome-extension cors

我们的 chrome 扩展程序遇到了一个关于 CORS 的奇怪问题。我们使用清单 V3 并在主机权限中正确设置路径。

我们知道这是正确的,因为当您第一次加载扩展时,没有任何中断。但是,如果您关闭扩展程序,然后再次打开,我们会遇到 CORS 问题。

后端仍在接收请求,所以我知道这不是“津贴”问题。不确定这是如何发生的,但欢迎一些帮助。

  "host_permissions": [
    "http://localhost:3000/*",
    "https://*.ourdomain.com/*",
    "https://maps.googleapis.com/maps/api/place/autocomplete/json"
  ],
Run Code Online (Sandbox Code Playgroud)

错误

Access to fetch at 'https://api.ourdomain.com/api/v1/auto_login/' from origin 'chrome-extension://nlbdcdgjnplflacipfcamfcpogbfmbjl' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
Run Code Online (Sandbox Code Playgroud)

非常感谢

bub*_*arx 2

我们修好了。我们有一个带有rack-cors gem 的 Rails 后端。这个 gem 的问题是它不接受除 http、https、文件之外的任何主机。所以 chrome-extension://******** 自然失败了。我仍然不明白为什么它起作用然后停止工作,这可能凸显了 gem 的问题。

删除主机,使其留下我们的 chrome 扩展 ID 作为来源,从而允许 CORS 通过。