Angular6+ 反向代理 实现跨域开发

Angular6+ 反向代理 实现跨域开发

1、在项目根目录下添加proxy.config.json文件，内容如下（具体代理属性请自行设置，此处为以fxld开始的路径将会反向代理到https://ljzd.riskraiders.com/fxld/路径）：

{
  "/fxld/": {
    "target": "https://ljzd.riskraiders.com/fxld/",
    "secure": false,
    "changeOrigin": true,
    "pathRewrite": {
      "^/fxld/": ""
    }
  }
}

2、在angular.json文件中

projects.项目名.architect.serve.options路径

做如下配置（++"proxyConfig": "proxy.config.json"）：

"serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "riskraider:build",
            "proxyConfig": "proxy.config.json"
          },
          "configurations": {
            "production": {
              "browserTarget": "riskraider:build:production"
            }
          }
        },

3、重启项目，配置完成