angular - 如何以 Angular 制作多重代理

Question

所以我有两个不同的 api，每个都必须在后台运行，所以在代理中我必须添加它们。

我现在是这样

{
 "/api/*":{
   "target":"https://localhost:44371",
   "secure": false,
   "logLevel" : "debug"
 },
 "/apis/*":{
   "target":"https://localhost:44339",
   "secure": false,
   "logLevel" : "debug"
 }
}

但是正在将每个请求重定向到第一个代理。在 url 中，我使用的是 api 而不是 api，并且仍然使用第一个代理，因此所有请求最终都会到达 44371 端口，而不是应有的 44339 端口。

当我构建 api 时，它会创建两个代理

[HPM] Proxy created: /api  ->  https://localhost:44371
[HPM] Subscribed to http-proxy events:  [ 'error', 'close' ]
[HPM] Proxy created: /apis  ->  https://localhost:44339
[HPM] Subscribed to http-proxy events:  [ 'error', 'close' ]

然后提出请求

[HPM] GET /apis/administrador/curso -> https://localhost:44371

如您所见，即使它说 api 将其发送到错误的 api。

我怎样才能成功地使用这两个？

Answer 1

您可以代理到不同的主机。为此，您需要 proxy.conf.js，它位于 javascript 文件中(而不是 proxy.conf.json)。

保持 /api 高于 /api。

示例 proxy.conf.js

const PROXY_CONFIG = [
  {
      context: [
          "/apis"
      ],
      target: "http://localhost:44339",
      secure: false,
      logLevel : "debug"
  },
  {
    context: [
        "/api"
    ],
    target: "https://localhost:44371",
    secure: false,
    logLevel : "debug"
 }
]

module.exports = PROXY_CONFIG;

引用资料:

https://angular.io/guide/build#proxy-multiple-entries

https://stackoverflow.com/a/62577472/9646878