使用具有多路径代理匹配的 angular-cli

Han*_*ans 13 webpack-dev-server angular-cli http-proxy-middleware angular

如何在我的 proxy.conf.json 中定义多个代理路径?github 上的angular-cli 代理文档看起来只能有一个路径 (/api):

{
  "/api": {
    "target": "http://localhost:3000",
    "secure": false
  }
}
Run Code Online (Sandbox Code Playgroud)

但是当我查看webpack 代理http-proxy-middleware文档时,我发现应该可以定义多个路径(/api-v1 和 /api-v2):

// Multiple entry
proxy: [
  {
    context: ['/api-v1/**', '/api-v2/**'],
    target: 'https://other-server.example.com',
    secure: false
  }
]
Run Code Online (Sandbox Code Playgroud)

但我不明白如何将其放入 proxy.conf.json。

Han*_*ans 12

在您的 proxy.conf.json 中使用以下语法:

[
  {
    "context": ["/api-v1/**", "/api-v2/**"],
    "target": "https://other-server.example.com",
    "secure": false
  }
]
Run Code Online (Sandbox Code Playgroud)

实际有效的语法如下:

[
    {
        "context": [
            "/api",
            "/other-uri"
        ],
        "target": "http://localhost:8080",
        "secure": false
    }
]
Run Code Online (Sandbox Code Playgroud)

  • 有效,但此语法记录在哪里? (2认同)