离子在移动设备上出现CORS问题

时间:2018-11-19 15:53:38

标签: cordova ionic-framework cors ionic4 mobile-development

每当我运行“ ionic cordova run android”并在真实设备中部署apk时,我都会收到错误消息:从源“ http://XXXX/mobile/data/1/XXXX”访问“ http://localhost:8080”处的XMLHttpRequest已被阻止CORS政策:对飞行前请求的响应未通过访问控制检查:飞行前请求不允许重定向。

(这在离子模拟器中可以通过在配置文件中添加代理,而不是在真实设备中来实现)。

有人也面临这个问题吗? 这是我的离子信息:    ionic(Ionic CLI):4.2.1(/ usr / local / lib / node_modules / ionic)    离子框架:离子角3.9.2    @ ionic / app-scripts:3.2.0

科尔多瓦:

cordova(Cordova CLI):8.1.2(cordova-lib@8.1.1)    Cordova平台:Android 7.1.2    Cordova插件:cordova-plugin-ionic-keyboard 2.1.3,cordova-plugin-ionic-webview 2.2.3(和其他8个插件)

系统:

NodeJS:v8.12.0(/ usr / local / bin / node)    npm:6.4.1    操作系统:macOS High Sierra

2 个答案:

答案 0 :(得分:0)

后端必须启用其他访问API的应用程序,这是通过启用CORS来完成的。

在开发中,您可以在chrome中使用此插件:

Allow-Control-Allow-Origin
https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi 

更多生产中的后端应该修复该错误。

答案 1 :(得分:0)

这是服务器端的问题,您必须在the following link中激活CORS,才能找到服务器所需的配置。