angular - 如何使用 Angular-CLI 重写反向代理中的路径？

Question

我已经使用 angular2 CLI 设置了反向代理，如下所示:

{
  "/api/customer/*": {
    "target": "http://localhost:9010",
    "secure": false
  }
}

我的问题是远程 API 在路径/customer 上公开服务，但反向代理发送的请求在/api/customer 上。

有没有办法从反向代理发送的请求中删除/api？ (不要回答“只需从您的 http 请求中删除/api”，因为我在/customer 上有一个 Angular 路由)。

Answer 1

你可以很容易地做到这一点，使用 pathRewrite 选项，如下所示:

proxy: {
    '/api/customer/*': {
        target: 'http://localhost:9010',
        pathRewrite: {'^/api' : ''}
    }
}

您还可以查看 Updated Webpack documentation了解更多信息。