ionic4 使用代理进行跨域请求

最初刚用ionic4做项目时,由于跨域问题,在浏览器开发调试时遇到网络不通问题。
然后,找了下用代理去解决跨域问题,虽不是正规解决方法,但可以应急嘛,还是在此记录下:
修改myApp下:angular.json,找到serve-options位置下添加"proxyConfig": "./proxy.config.json",如果有此条属性"disableHostCheck": true的话就删掉。
如下:

        "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "app:build",
            "disableHostCheck": true,    如果有此行,删掉
            "proxyConfig": "./proxy.config.json"    添加代理配置这行
          },
          "configurations": {
            "production": {
              "browserTarget": "app:build:production"
            },
            "ci": {
              "progress": false
            }
          }
        }

同目录下增加proxy.config.json文件:

{
  "/Coal": {
    "target": "http://你的ip:你的端口/Coal",
    "secure": false,
    "logLevel": "debug",
    "changeOrigin": true,
    "pathRewrite": {
      "^/Coal": ""
    }
  }
}

改下ip、端口、Coal改成你的上下文根。
怎么玩的,大概意思就是重写你的请求url,这里把我的上下文根Coal重写了,看控制台信息:

image.png

你可能感兴趣的:(ionic4 使用代理进行跨域请求)