angular6跨域問題proxy.conf.json

第一步：在項目根目錄(與package.json文件平級)創建文件proxy.conf.json，加入以下配置信息:

{
    "/api": {
        //上面這個是用來代替原來的東西
        //下面這個輸入您需要代理的地址，你可以把這里的8080替換成你需要的端口
        "target": "http://8080",
        "secure": false,
        "pathRewrite": {
            "^/api": ""
        }
    }
}
第三步：配置anjular.json


找到 項目根目錄下的 angular.json 文件，找到 projects節點->architect節點->serve節點->option節點
追加內容：

"proxyConfig": "proxy.conf.json"
注：proxy.conf.json這個文件是你建的那個文件名
修改之后的serve 節點內容如下:

"serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "PayLife:build",
            "proxyConfig": "proxy.conf.json" //追加的配置代碼
          },
          "configurations": {
            "production": {
              "browserTarget": "PayLife:build:production"
            }
          }
        }