文章内容
2021/5/12 15:33:41,作 者: 黄兵
Angular Proxy Config
您可以使用代理支持webpack通过将文件传递给--proxy-configbuild
选项,将开发服务器中的某些URL转移到后端服务器。例如,要将所有的调用从http://localhost:4200/api
转移到在服务器http://localhost:3000/api
,请执行以下步骤。
proxy.conf.json
在项目的src/
文件夹中创建一个文件。- 将以下内容添加到新的代理文件中:
{ "/api": { "target": "http://localhost:3000", "secure": false } }
- 在CLI配置文件中
angular.json
,将proxyConfig
选项添加到serve
目标:
... "architect": { "serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { "browserTarget": "your-application-name:build", "proxyConfig": "src/proxy.conf.json" }, ...
- 要使用此代理配置运行开发服务器,请调用
ng serve
。
参考资料:
评论列表