Angular2 Web包代理配置

Question

由于angular-cli正在成熟，我决定移植一个Angular2应用程序以利用angular-cli awesomeness。但是，代理在localhost上运行的外部远程服务正在进行一次疯狂旅行。

版本信息

/service/**

因此，从angular app，我想将所有http://localhost.api.co.za请求代理到运行在nginx @ { "/service/*" : { "target":"http://localhost.api.co.za/", "secure": false, "changeOrigin": true, "pathRewrite": { "^/service": "" } } } 上的RESTful api

配置

POST /api/v1/testing HTTP/1.1" 404 169 "http://localhost:4200/contact"

nginx access.log打印出 404 {{1}}

尝试了此端口webpack-dev-server proxy dosen't work

中的所有技巧

Answer 1

经过多次调整并浏览网页包文档以及http-proxy-middleware docs on github

适用于我的情况的配置：

{
  "/service" : {
    "target":"http://localhost.api.co.za",
    "secure": false,
    "changeOrigin": true
  }
}