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

Question

我使用ng CLI创建了一个新应用程序，就像一个魅力： ng new babysteps cd babysteps ng serve ng serve使用webpack来组装应用程序。要完全测试它，我需要从我的API模拟服务器（特别是POST请求）提供/api...。如何自定义使用的Web服务器，重定向一个URL模式？

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

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

Answer 1

您确实可以使用角度cli设置代理到后端，并带有--proxy-config标记。

这里或多或少是来自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