Angular 5 反向代理配置

一、webpack server 方式

这里所说的反向代理仅限于基于Angular-cli创建的HTTP Server,也就是通过ng、cnpm、npm启动的Server。

1. 在项目根目录新建proxy.config.json
2. 填入以下内容

{
  "/api": {
    "target": "http://localhost:8080",
    "secure": "false",
    "pathRewrite": {
      "^/api": ""
    }
  }
}

1. 启动程序时 添加 –proxy proxy.config.json

    ng serve --proxy