ionic4开发——跨域转发

ionic4开发调用后台接口时经常出现跨域问题，可以配置proxy实现在浏览器调试，此方法Angular6项目也适用。但是打包ipa出现跨域此方法无效自己了解一下WKWebView导致的跨域，还是老老实实用官网推荐的cordova-plugin-advanced-http插件。

1. 项目根目录新建proxy.config.json

   
   
   

   1.png

{
    "/myo2o": {
        "target": "http://192.168.1.107:8080/myo2o",
        "secure": false,
        "logLevel": "debug",
        "changeOrigin": true,
        "pathRewrite": {
            "^/myo2o": ""
        }
    }
}
//也可以是这样
{
    "/": {
        "target": "http://192.168.1.107:8080",
        "secure": false,
        "logLevel": "debug",
        "changeOrigin": true,
        "pathRewrite": {
            "^/": ""
        }
    }
}

2. 在angular.json里配置

   
   
   

   2.png

"options": {
    "browserTarget": "app:build",
    "proxyConfig": "proxy.config.json"
}

重启完事，ionic4开发群：670727319。