angular解決跨域問題

在進行項目開發過程中，經常會遇到跨域問題，下面就通過一些配置進行解決跨域問題。

 

1.在項目根目錄下進行創建文件 proxy.config.json；

{
    "/": {
        "target": "", //要指向的域名或端口號
        "logLevel": "debug", //
        "secure": false, //
        "changeOrigin": true, //
        "pathRewrite": {
            "^/": ""
        }
    }
}

　　

2. 修改啟動文件：

修改angular.json的配置文件：

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

 

不修改angula.json文件，修改package.json文件的start命令；

{
    "name": "my-app",
    "version": "0.0.0",
    "scripts": {
        "ng": "ng",
        "start": "ng serve --proxy-config proxy.config.json", "build": "ng build",
        "test": "ng test",
        "lint": "ng lint",
        "e2e": "ng e2e"
    }
}