反向代理

青檬眼豆豆本尊

2020-09-14 384 阅读1分钟

第一步：增加 proxy.config.json 文件

proxy.config.json

{
  "/mock": {
    "target": "http://47.102.222.172:22692/"
  },
  "/agileInteractionUrl": {
    "target": "http://192.168.8.121:22100/agileInteractionUrl",
    "logLevel": "debug",
    "changeOrigin": true,
    "pathRewrite": {
      "^/agileInteractionUrl": ""
    }
  }
}

代理名词解释:

target: //【必须】：需要跨域的服务器地址
logLevel : // 调试用，如果代理成功，在命令行工具中会显示跨域的地址
"changeOrigin": //如果不是代理本机就【必须】设变true，否则可以不设置
"pathRewrite": // 修改代理接口的路径地址

第二步：package.json 中设置启动使用代理

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

第三步：启动项目

npm run start