javascript - 是否可以在 angular-cli 中更改 `ng serve` 配置(我想添加一些规则，因此某些请求将被重定向到另一个端口)？

Question

我正在创建一个小型 Angular 2 + TypeScript 示例。 Here是代码。

我现在需要一些非常简单的后端 stub 。我想做的事。例如，我想在 localhost:3000 上创建 expressjs 服务器。我想修改 ngserve 配置，所以如果我询问 localhost:4200/api/x/y/z 这个请求将被重定向到 localhost:3000/x/y/z。

我想实现什么目标？这将允许我在 Angular 应用程序中向 /api/x/y/z 发出 http 请求。 Web 服务器将重定向到 Express 后端。 Express会处理并生成一些json等。

为什么我不想只向 localhost:3000/x/y/z 发出请求？我记得因为 CORS 会出现一些问题。

也许还有另一种方法可以实现我想要的目标？有什么想法吗？

Answer 1

--proxy-config 选项就是答案

1. 添加包含以下内容的cli-profy.conf.json:

   { “/api”:{ “目标”:“http://localhost:3000/”， “安全”:假 } }

2. 将 start 脚本更改为:ngserve --open --proxy-config cli-proxy.conf.json

3. 运行npm start。

现在，所有对 localhost:4200/api/ 的请求都将传递到 localhost:3000/api。