到后端的Angular-CLI代理不工作

Question

https://github.com/angular/angular-cli#proxy-to-backend这里提供了如何代理到后端的说明。我一步一步地做了每件事，但请求仍然没有被代理。

8080-my Express后端4200-my Angular2前端

在Angular2项目中，我有文件proxy.conf.json的内容如下：

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

在Angular2 package.json中，我将start过程更改为“start”：“ng serve-proxy-config proxy.conf.json”

在inside commander中键入npm start时，在开始时，我可以看到proxy created：/api->http://localhost:8080。好吧，我想到目前为止还不错。

我正在尝试发送一个请求(Angular2)

  constructor(private http: Http) {
    this.getAnswer();
  }

  getAnswer(): any {
    return this.http.get("/api/hello")
      .subscribe(response => {
        console.log(response);
      })
  }

我得到一个http://localhost:4200/api/hello 404（Not Found)的错误。正如我们所看到的，没有任何东西被代理。为什么？我做错什么了吗？

说清楚点。当我手动转到http://localhost:8080/hello时，一切正常。在后端没有什么可找的。

Answer 1

这几乎是为我工作。还得补充一句

"changeOrigin": true,

完整的proxy.conf.json如下所示：

{
  "/proxy/*": {
  "target": "https://url.com",
  "secure": false,
  "changeOrigin": true,
  "logLevel": "debug",
  "pathRewrite": {"^/proxy" : ""}
  }
}

Answer 2

你能试试这个吗：

{
  "/api": {
    "target": "http://url.com",
    "secure": false,
    "pathRewrite": {"^/api" : ""}
  }
}

对我有用,

** NG Live Development Server is running on http://localhost:4200. **
 10% building modules 3/3 modules 0 active[HPM] Proxy created: /api  ->  http://ec2-xx-xx-xx-xx.ap-south-1.compute.amazonaws.com
[HPM] Proxy rewrite rule created: "^/api" ~> ""