如何在 Chrome Mac 中禁用 cors

Posted 2023-03-04

【中文标题】如何在 Chrome Mac 中禁用 cors

【英文标题】：How to disable cors in chrome Mac

【发布时间】：2019-12-24 09:42:31

【问题描述】：

在开发我的 ionic 应用程序时，我不断收到以下错误。这是后端不允许的授权标头。

尝试过的解决方案：

我在这里使用 chrome cors 插件： https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en

以及开始 chrome 禁用网络安全，如下所示

open -a Google\ Chrome --args --disable-web-security --user-data-dir

在这篇文章中设置离子代理：https://***.com/a/41863260/838355

但我仍然无法绕过 cors 检查，错误仍然存​​在。需要一些帮助。

【问题讨论】：

也许是个愚蠢的问题，但您是否也启用了 chrome 插件？ （点击右上角的图标）。我也曾在 localhost 上成功使用过该插件。

是的，我做到了。在问题中添加了cors插件设置

【参考方案1】：

如果您想在 Mac 上的 chrome 上禁用 CORS，您可以在终端/项目上运行此命令。它将打开一个新的 chrome 实例，并且该实例的所有选项卡都将禁用 CORS。所以你可以在这里运行你的应用程序进行测试。我希望您这样做只是为了测试您的 API，并且您知道这不是永久修复。另外，请记住，这会禁用您的网络安全。所以我认为当您不担心安全性时，这是测试 API 的一个不错的选择，并且当您要在另一个环境（如 dev、qa 和 prod）上运行应用程序时，您将拥有所有 Web 安全位置。

open -n -a /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --args --user-data-dir="/tmp/chrome_dev_test" --disable-web-security

【讨论】：

这在您等待后端更正安全策略时非常有用

【参考方案2】：

检查您的 Chrome 浏览器的版本。可能它是一个有错误的人。以下是 5 月发布的有关此功能不起作用的错误报告： https://bugs.chromium.org/p/chromium/issues/detail?id=857032

几周前我遇到了同样的问题，以下是我设法禁用 CORS 的方法： 首先下载 Chromium 浏览器或者 Chrome canary 浏览器，其实对开发者来说非常好用（我用的是 chromium，但看你自己）： https://www.google.com/intl/en/chrome/canary/ 要么 https://download-chromium.appspot.com/

然后：

安装浏览器 如果您运行浏览器 - 关闭它并确保没有更多正在运行的实例 然后用这样的命令运行它： open -a ChromiumOrCanaryPathHere --args --disable-web-security --user-data-dir"

现在应该可以了。您可能会在窗口顶部看到有关安全性的警告消息 - 没关系。

附： 可能只是将 chrome 更新到最新版本会有所帮助，但我更喜欢使用单独浏览器的方法，因为它更安全，因为我可以将不安全的浏览器与我的默认浏览器隔离开来。

【讨论】：

谢谢你，金丝雀版本的作品！尝试升级常规 chrome 风格并在禁用安全性的情况下启动，但这没有帮助。

【参考方案3】：

CORS 需要从后端处理，主要是使用这个扩展并且它可以工作 https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?utm_source=chrome-ntp-icon 但后端仍然需要处理离子应用程序的 CORS