文章内容

2021/5/12 15:33:41,作 者: 黄兵

Angular Proxy Config

您可以使用代理支持webpack通过将文件传递给--proxy-configbuild选项,将开发服务器中的某些URL转移到后端服务器。例如,要将所有的调用从http://localhost:4200/api转移到在服务器http://localhost:3000/api,请执行以下步骤。

  1. proxy.conf.json在项目的src/文件夹中创建一个文件。
  2. 将以下内容添加到新的代理文件中:
{
  "/api": {
    "target": "http://localhost:3000",
    "secure": false
  }
}
  1. 在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"
    },
...
  1. 要使用此代理配置运行开发服务器,请调用ng serve


参考资料:

1、Proxying to a backend server

分享到:

发表评论

评论列表