自定义ng用于代理对/ api的调用吗？

Question

我用ng CLI创建了一个新的应用程序，就像一个魅力：

ng new babysteps
cd babysteps
ng serve

ng服务使用webpack来组装应用程序。要完全测试它，我需要从我的API模拟服务器（特别是POST请求）提供/api...。如何自定义使用的Web服务器，重定向一个URL模式？

Webpack dev服务器有a proxy setting，但似乎（？）ng serve没有配置文件（或者我没有得到）。

我是否需要创建webpack.config.js或创建/编辑其他文件才能代理？

Answer 1

您确实可以使用--proxy-config标志设置带有角度cli的后端代理。

这里或多或少是来自documentation的复制粘贴：

假设我们在http://localhost:3000/api上运行了一个服务器，我们希望所有对http://localhost:4200/api的调用都转到该服务器。

我们在项目package.json旁边创建一个名为proxy.conf.json的文件，其中包含内容

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

[...]

然后我们编辑package.json文件的启动脚本

"start": "ng serve --proxy-config proxy.conf.json"，现在用npm start运行它