技術標籤：筆記proxyangular

本地開發中困擾許久的跨域解決方法： proxy 代理

1.在根目錄下新建proxy.config.json

{
  "/api": {
    "target": "http://roastapp.test",//代理域名或埠號
    "secure": false,//是否https
    "logLevel": "debug",
    "changeOrigin": true//是否跨域
  }
}

2.修改配置檔案package.json

"scripts": {
    "ng": "ng",
    "start": "ng serve --proxy-config proxy.config.json",//執行配置proxy.config.json
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
 

3.執行npm run start

控制檯出現:

[HPM]  GET /api/v1/heroes -> http://roastapp.test