如何在 chrome Mac 中禁用 cors

Question

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

尝试过的解决方案：

我在这里使用 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

设置离子代理，如此post：

但是我还是绕不开cors检查，错误依旧。需要一些帮助。

Answer 1

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

Answer 2

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

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

然后：

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

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

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

Answer 3

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

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

如何在 chrome Mac 中禁用 cors

How to disable cors in chrome Mac

cors

ionic-framework

ionic2

ionic3

angular