Angular:使用前端proxy代理解決跨域問題


①在項目文件的根目錄下新建文件proxy.config.json

{
  "/": {
    "target": "http://127.0.0.1:3000",
    "secure": false
  }
}

//或者
{
  "/api": {  //適用場景:需要每個請求地址前加個’/api‘
    "target": "http://127.0.0.1:3000",
    "secure": false,
    "pathRewrite": {
      "^/api": ""  //代理后的請求地址http://127.0.0.1:3000/api/...  需要將’/api‘置換為空
    }
  }
}

②修改angular.json配置文件

"serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "angular-http:build",
            "proxyConfig": "proxy.config.json"  //新增
          },

③修改package.json配置文件

"scripts": {
    "ng": "ng",
    "start": "ng serve --proxy-config proxy.config.json",  //改后
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

④重啟項目ng serve --open

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM