适用于ionic 3的chrome开发人员工具中的CORS错误

Question

我正在使用ionic 3开发我的应用程序，在访问API时，我遇到了CORS错误，如下所示：

Failed to load http://myurl:3000/user/auth: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8100' is therefore not allowed access.

我尝试了以下方法: 1)Chrome.exe --在chrome的安装文件夹中禁用-web-security。2)使用chrome的插件(https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi/reviews?hl=en)

我只在chrome中运行这个问题，我也重新安装了它。我需要访问本机设备功能并对其进行调试，我需要阅读我的控制台。此外，当我构建应用程序密钥并手动安装在我的手机上时，应用程序接口工作得很好，所以在我的backend.Also中没有问题，在火狐中没有cors问题，但是火狐太复杂了，无法调试，所以我更喜欢chrome。请提前给予帮助和感谢。

Answer 1

当您访问来自不同域名的站点以获取更多信息时，会出现CORS问题。请查看此https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

之所以会出现这个问题，是因为您使用不同的端口从本地环境访问API。因此，要启用此功能，您需要配置您的本地环境URL来访问服务器端允许的源。

如果您使用的是NodeJs for API，请使用此https://enable-cors.org/server_expressjs.html

对于C# Api https://docs.microsoft.com/en-us/aspnet/web-api/overview/security/enabling-cross-origin-requests-in-web-api