关键词：
【中文标题】带有清单版本 3 的 CORS Chrome 扩展程序【英文标题】：CORS Chrome Extension with manifest version 3 【发布时间】：2021-10-16 17:32:15 【问题描述】：我们在 Chrome 扩展程序中遇到了一个关于 CORS 的奇怪问题。我们正在使用清单 V3，并且在主机权限中正确设置了路径。
我们知道这是正确的，因为当您第一次加载扩展程序时，没有任何问题。但是，如果您关闭扩展程序，然后重新打开，我们会遇到 CORS 问题。
后端仍在接收请求，所以我知道这不是“津贴”问题。不知道这是怎么发生的，但希望得到一些帮助。
"host_permissions": [
"http://localhost:3000/*",
"https://*.ourdomain.com/*",
"https://maps.googleapis.com/maps/api/place/autocomplete/json"
],
错误
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.
非常感谢
【问题讨论】：
【参考方案1】：我们修复了它。我们有一个带有 rack-cors gem 的 rails 后端。 这个 gem 的问题是它不接受除 http、https、文件之外的任何主机。所以 chrome-extension://******** 自然失败了。我仍然不明白为什么它会工作然后停止工作，这可能突出了 gem 的问题。
删除主机，使其保留我们的 chrome 扩展 ID 作为源，从而允许 CORS 通过。
【讨论】：
chrome 扩展 - 清单版本 2
】chrome扩展-清单版本2【英文标题】：chromeextension-manifestversion2【发布时间】：2012-08-0214:19:45【问题描述】：我有一个chrome扩展，它引用了jquery文件。这是我的弹出html（只有head标签）：<head><title>MyExtention</title><scr... 查看详情
节点中带有 chrome 50.0.2661.86 的 CORS
】节点中带有chrome50.0.2661.86的CORS【英文标题】：CORSwithchrome50.0.2661.86innode【发布时间】：2016-08-1816:18:11【问题描述】：我认为，我在Mac中上次更新chrome时遇到了问题。在以前版本的chrome中它可以正常工作，实际上在safari和firefox... 查看详情
列出带有 chrome 扩展名的本地目录
】列出带有chrome扩展名的本地目录【英文标题】：Listalocaldirectorywithchromeextension【发布时间】：2012-02-0710:55:46【问题描述】：我正在尝试创建一个chrome扩展程序，用于扫描本地目录以查找新文件...但是，如果我将file://*权限添加... 查看详情
绕过 chrome 扩展中的 CORS 限制 [重复]
】绕过chrome扩展中的CORS限制[重复]【英文标题】：TobypassCORSrestrictionsinachromeextension[duplicate]【发布时间】：2016-11-0615:27:21【问题描述】：我们正在尝试为我们的一些API开发一个chrome扩展，以帮助一些非技术用户。正如预期的那样... 查看详情
Chrome 开发者扩展中的 CORS 问题
】Chrome开发者扩展中的CORS问题【英文标题】：CORSIssueinChromeDeveloperExtension【发布时间】：2017-04-1300:17:46【问题描述】：我是Chrome扩展开发的新手，我正在开发一个ChromeDeveloper扩展（作为开发工具的一部分出现）。此要求是进行外... 查看详情
chrome 扩展 mv3 - 模块化服务工作者 js 文件
...1-05-3001:33:55【问题描述】：我正在尝试将我的chrome扩展从清单版本2迁移到3。现在后台脚本已被清单v3中的服务人员替换，我不能再使用html文件并在脚本标签中引用js文件。有什么方法可以将我的单个脚本文件导入service_worker.j 查看详情
“CORS 策略已阻止访问获取”Chrome 扩展程序错误
】“CORS策略已阻止访问获取”Chrome扩展程序错误【英文标题】：\'AccesstofetchhasbeenblockedbyCORSpolicy\'Chromeextensionerror【发布时间】：2021-02-2006:10:58【问题描述】：我正在尝试从我的Chrome扩展程序的后台脚本中的外部API获取数据，使... 查看详情
VideoJS 适用于 safari 但不适用于 chrome 中的某些带有 CORS 的视频
】VideoJS适用于safari但不适用于chrome中的某些带有CORS的视频【英文标题】：VideoJSworksonsafaributnotinchromeforsomevideoswithCORS【发布时间】：2019-11-0113:43:27【问题描述】：我正在使用videojs在Chrome中使用HLS，但对于特定的URL，这会失败（CO... 查看详情
web_accessible_resources 的 Chrome 扩展清单问题（已阻止）
】web_accessible_resources的Chrome扩展清单问题（已阻止）【英文标题】：ChromeExtensionManifestissueswithweb_accessible_resources(Blocked)【发布时间】：2015-08-1820:45:59【问题描述】：这是清单："manifest_version":2,"name":"JRBotVizExtension","description":"This 查看详情
将 GA 集成到 chrome 扩展、清单 v3 中
】将GA集成到chrome扩展、清单v3中【英文标题】：IntegratingGAinchromeextension,manifestv3【发布时间】：2021-09-3022:51:55【问题描述】：我需要使用manifestv3将GA集成到我的chrome扩展中。看起来我错过了什么，但我无法弄清楚我到底做错了什... 查看详情
带有 PHP 7.1 的 Symfony 3 的给定 ICU 版本的 intl 扩展
】带有PHP7.1的Symfony3的给定ICU版本的intl扩展【英文标题】：intlextensionwithgivenICUversionforSymfony3withPHP7.1【发布时间】：2017-08-1919:08:44【问题描述】：我已经安装了Symfony3.2.6。当我在浏览器中检查/config.php时，我收到一条消息：您系... 查看详情
Chrome 扩展中的 CORS HTTPS 到 HTTP 网络服务
】Chrome扩展中的CORSHTTPS到HTTP网络服务【英文标题】：CORSHTTPS-to-HTTPwebserviceinChromeExtension【发布时间】：2016-07-1507:58:33【问题描述】：我正在为可在GMail(HTTPS)上运行的Chrome编写基于“内容脚本”的扩展程序。它需要访问我们网站上... 查看详情
将浏览器扩展的 CORS 策略列入白名单？
...在我的服务器中将扩展程序的来源列入白名单。例如，对Chrome扩展程序的请求来自以下位置：chrome-extension://fjhbdidbplpijoncnlfoadfadfasdf和来自Fi 查看详情
干货chrome插件(扩展)开发全攻略(代码片段)
manifest.json清单这是一个Chrome插件最重要也是必不可少的文件，用来配置所有和插件相关的配置，必须放在根目录。其中，manifest_version、name、version3个是必不可少的，description和icons是推荐的。//清单文件的版本ÿ... 查看详情
带有 chrome 扩展的 Keycloak 登录
】带有chrome扩展的Keycloak登录【英文标题】：Keycloakloginithchromeextension【发布时间】：2021-10-0307:30:23【问题描述】：我开始在纯JS中的现有自制chrome扩展上实现keycloakSSO身份验证。Keycloak服务器配置良好，我已经检查过了。我可以在... 查看详情
带有接收推送通知的服务人员的 chrome 扩展
】带有接收推送通知的服务人员的chrome扩展【英文标题】：chromeextensionwithserviceworkerreceivingpushnotifications【发布时间】：2016-02-2912:27:59【问题描述】：我已经成功构建了一个服务工作者，它可以接收thistutorial之后的推送通知。我... 查看详情
带有 Chrome 扩展的 Google 日历 API
】带有Chrome扩展的Google日历API【英文标题】：GoogleCalendarAPIwithChromeExtension【发布时间】：2022-01-1110:21:01【问题描述】：我正在尝试构建一个与Google日历API交互的Chrome扩展程序，以便将事件添加到我的日历中。我或多或少遵循here... 查看详情
如何保存带有 chrome 扩展名的页面
】如何保存带有chrome扩展名的页面【英文标题】：howtosaveapagewithchromeextension【发布时间】：2017-08-2411:27:37【问题描述】：我正在开发一个Chromeextension，它的一个重要功能是：当创建一个新标签页时，这个扩展程序会自动将整个网... 查看详情