如何解决IONIC 4 CORS问题

时间:2019-11-29 23:00:25

标签: cordova ionic-framework cordova-plugins ionic4

我目前正在与IONIC 4一起进行新项目,并且在尝试访问外部API时正在尝试CORS问题:

对预检请求的响应未通过访问控制检查:所请求的资源上不存在“ Access-Control-Allow-Origin”标头。因此,不允许访问来源“ http://localhost:8100”。

我已经尝试了其文档(https://ionicframework.com/docs/faq/cors)中描述的两种方法:

1)使用Ionic Native的HTTP插件从Web视图外部以本地方式发出请求。看来这是最合理的解决方案,但我遇到了OkHTTP版本的一些问题,但无法修复。

2)使用代理配置。还尝试创建代理文件,由于某种原因,该文件未正确翻译呼叫。

有人对此问题有好的解决方案吗?没有解决办法就花几个小时。

    Ionic:

   Ionic CLI                     : 5.4.7 (/home/mauricio/.nvm/versions/node/v12.13.0/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.11.5
   @angular-devkit/build-angular : 0.801.3
   @angular-devkit/schematics    : 8.1.3
   @angular/cli                  : 8.1.3
   @ionic/angular-toolkit        : 2.1.1

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : android 8.1.0
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 5 other plugins)

Utility:

   cordova-res : 0.8.1 
   native-run  : not installed

System:

   NodeJS : v12.13.0 (/home/mauricio/.nvm/versions/node/v12.13.0/bin/node)
   npm    : 6.12.0
   OS     : Linux 4.15

Cordova plugins:
cordova-plugin-camera 4.1.0 "Camera"
cordova-plugin-device 2.0.2 "Device"
cordova-plugin-ionic-keyboard 2.2.0 "cordova-plugin-ionic-keyboard"
cordova-plugin-ionic-webview 4.1.3 "cordova-plugin-ionic-webview"
cordova-plugin-splashscreen 5.0.2 "Splashscreen"
cordova-plugin-statusbar 2.4.2 "StatusBar"
cordova-plugin-whitelist 1.3.3 "Whitelist"

0 个答案:

没有答案