如何为 angular2-webpack-starter 的 webpack-dev-server 设置代理？答案

【问题标题】：How to setup proxy for webpack-dev-server for angular2-webpack-starter?如何为 angular2-webpack-starter 的 webpack-dev-server 设置代理？
【发布时间】：2017-02-03 00:34:35
【问题描述】：

我一直在将 angular1 项目移植到 angular2-webpack-starter 项目。前端部分运行良好，我尝试通过在 webpack.dev.js 文件中设置代理来将前端连接到后端服务器：

...
devServer: {
  proxy: {
    '/auth/*': {
      target: 'http://localhost:9000/auth/',
      secure: false
    }
  },
  port: METADATA.port,
  host: METADATA.host,
  historyApiFallback: true,
  watchOptions: {
    aggregateTimeout: 300,
    poll: 1000
  }
},
...

有些地方显然是错误的：http://localhost:3000/auth/local 没有被代理到后端。因此，我们将不胜感激您的帮助。还是 webpack-dev-server 的代理还没有工作？？？

谢谢！！

【问题讨论】：

标签： angular webpack-dev-server starter-kits

【解决方案1】：

devServer: {
      port: METADATA.port,
      host: METADATA.host,
      historyApiFallback: true,
      proxy: {
        "/api": "http://localhost:3100"
      },
      watchOptions: {
        aggregateTimeout: 300,
        poll: 1000
      }
    }

【讨论】：

欢迎来到 Stack Overflow！虽然您可能已经解决了这个用户的问题，但纯代码的答案对于将来遇到这个问题的用户来说并不是很有帮助。请编辑您的答案，以解释您的代码解决原始问题的原因。