Angular-CLI代理后端服务器

译自:https://angular.io/guide/build

Angular-CLI代理后端服务器

可以使用webpack dev server中的代理支持来转发特定的URL到一个后端服务器,通过给编译选项--proxy-config传递一个文件的方式。例如,转发所有http://localhost:4200/api的调用到http://localhost:3000/api 运行的服务器上,按如下步骤:

1. 在项目src/文件夹下创建proxy.conf.json文件,挨着package.json文件

2. 添加如下内容到新的代理文件(proxy.conf.json)中:

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

3. CLI配置文件中,angular.json, 添加proxyConfig选项到serve target:

... "architect": { "serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { "browserTarget": "your-application-name:build", "proxyConfig": "src/proxy.conf.json" }, ...

4. 调用ng-serve命令运行有代理配置的dev server

注意,如果编辑了配置文件,必须重新ng serve以使得改变生效。