Angular2 / Angular种子http-proxy-middleware代理api请求

Question

我正在使用Angular Seed项目，并尝试为在其他端口上运行的后端服务的api请求设置代理。

到目前为止，我的代码：

/* Add proxy middleware */
this.PROXY_MIDDLEWARE = [
  require('http-proxy-middleware')({
    ws: false,
    target: 'http://localhost:5555',
    router: {
      // when request.headers.host == 'dev.localhost:3000',
      // override target 'http://www.example.org' to 'http://localhost:8000'
      //'http://localhost:5555/basepath/api' : 'http://localhost:7000/api'
    }
  })
];

基本上我需要做的是将任何与http：// localhost：5555 / basepath / api匹配的api路由到http：// localhost：7000 / api，尽管我似乎无法使用http-proxy-middleware使其工作。 我最初使用代理中间件来工作，但由于需要修改请求标头而进行了切换，看来只能使用http-proxy-middleware来完成。

Answer 1

花了一些时间尝试完成这项工作，这就是我最终在构造函数中添加到project.config.ts中的结果。

   /* Add proxy middleware */
    this.PROXY_MIDDLEWARE = [
      require('http-proxy-middleware')(
        '/basepath/api', {
        ws: false,
        onProxyReq: this.onProxyReq,
        target: 'http://localhost:7000',
        pathRewrite: {
          '^/basepath/api' : '/api'
        }
      })
    ];

这是我包含在构造函数下方的函数，用于将标头添加到代理的所有请求中

onProxyReq(proxyReq: any , req: any, res: any) {
  // add custom headers to request
  proxyReq.setHeader('header_name', 'value');
}