chrome for ionic 3中开发人员工具中的CORS错误

时间:2018-01-03 05:02:18

标签: google-chrome cors ionic3

我正在使用离子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安装文件夹中的Chrome.exe --disable-web-security。 2)使用chrome的插件(https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi/reviews?hl=en

我只在chrome中运行此问题,我也重新安装了它。我需要访问本机设备功能并进行调试我需要阅读我的控制台。此外,当我构建APK时,API工作正常在我的手机上手动安装它,所以我的后端没有问题。而且,firefox中没有cors问题,但firefox太复杂而无法调试,所以我更喜欢chrome。 请提前帮助和谢谢。

1 个答案:

答案 0 :(得分:-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