Angular多目标URL代理配置：如何添加同键多条目？

核心限制说明 #

JSON格式的Angular代理配置里不允许重复的对象键，重复的键会被后续条目覆盖，完全起不到多规则的作用，所以你没法添加多个相同的"/text/*"条目。

针对你的场景的可行配置 #

你的三个端点都是[前缀]/text/data的格式，结合这个共性，有两种简洁的配置方式：

方式1：统一代理前缀+通配符匹配

给所有前端请求加一个统一的代理前缀（比如/api/），配置如下：

{
  "/api/*": {
    "target": "https://你的目标服务器地址",
    "secure": false,
    "changeOrigin": true,
    "logLevel": "debug",
    "pathRewrite": {
      "^/api": ""
    }
  }
}

前端发起请求时用/api/abcd/text/data、/api/xyz/text/data，代理会自动转发到目标服务器对应的原端点，同时解决CORS问题。

方式2：正则匹配指定前缀的端点

如果只想匹配abcd/、xyz/、Pqr/这三个前缀的路径，可以用正则格式的匹配键：

{
  "/(abcd|xyz|Pqr)/text/*": {
    "target": "https://你的目标服务器地址",
    "secure": false,
    "changeOrigin": true,
    "logLevel": "debug"
  }
}

这个规则会精准匹配所有以abcd/text/、xyz/text/、Pqr/text/开头的请求，直接转发到目标服务器对应路径，不需要额外的路径重写。

修正你现有配置的问题 #

你当前配置里的pathRewrite规则{"^/text/^": ""}是无效的正则写法，^是字符串开头的锚点，不能放在中间。如果需要移除请求路径里的/text/前缀，正确的写法是：

"pathRewrite": {
  "^/text/": ""
}

多规则配置的正确姿势 #

如果确实需要多个不同的代理规则，要给每个规则设置唯一的匹配键（不同的路径模式），比如：

{
  "/abcd/text/*": {
    "target": "https://你的目标服务器地址",
    "secure": false,
    "changeOrigin": true
  },
  "/xyz/text/*": {
    "target": "https://你的目标服务器地址",
    "secure": false,
    "changeOrigin": true
  },
  "/Pqr/text/*": {
    "target": "https://你的目标服务器地址",
    "secure": false,
    "changeOrigin": true
  }
}

但这种方式不如前面的通配符/正则方式简洁高效。

内容的提问来源于stack exchange，提问作者CBP