angular cli配置使用代理

骑驴找蚂蚁 · 2019年04月14日 · 阅读 813
  1. 在工程src目录创建proxy.conf.json文件

  2. 将以下内容添加到新代理文件

    {
        "/api": {
            "target": "http://example.local",
            "secure": false,
            "pathRewrite": {
                "^/api": "/example/api"
            },
            "changeOrigin": true
        }
    }

    此配置会将http://localhost:4200/api代理到http://example.local/example/api

  3. 在CLI配置文件angular.json中,将proxyConfig选项添加到服务目标.

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

关于作者

全栈工程师

文章被阅读 109.0k
获赞 11