Angular proxy pathRewrite路径重写不符合预期问题排查

该异常和Angular代理的pathRewrite规则本身无关，核心原因是后端服务返回的302重定向响应绕过了代理路径重写逻辑：

• 你自定义pathRewrite逻辑时打印的控制台日志已经证实，代理层计算出的转发路径/Auth/login完全符合预期，代理确实将正确路径转发到了8081端口的后端服务
• 后端收到/Auth/login请求后，自身路由/鉴权逻辑判定该路径需要跳转，直接返回302状态码，响应头Location字段写死为/login
• Angular开发服务器内置代理基于http-proxy-middleware实现，默认不会修改后端返回的30x响应头中的Location地址，会直接将响应透传回浏览器；浏览器收到后直接跳转到http://localhost:8081/login，最终表现为实际转发结果和重写规则预期不匹配。
• 你此前尝试的修改代理端口、调整路径大小写、移除pathRewrite等操作均未涉及后端重定向逻辑，因此问题会持续复现。

要让代理正确处理任意层级的复杂接口路径、同时自动修正后端返回的重定向地址，按以下规则调整配置：

1. 替换路径匹配规则的单星号通配符为双星号：原配置中/Submit/*仅能匹配/Submit/下一级路径，遇到/Submit/a/b/c这类多级嵌套接口会匹配失效，改为/Submit/**即可命中所有以/Submit为前缀的请求，/Review规则同理修改。
2. 开启代理的重定向自动重写能力，让代理自动修改后端返回的30x响应Location头，避免跳转直连后端端口。
3. 调整pathRewrite规则为严格前缀匹配，仅替换路径开头的前缀段，避免误替换路径中间出现的同名字符串。

修正后的代理配置文件内容如下：

{
    "/Review/**": {
      "target": "http://localhost:8082",
      "secure": false,
      "logLevel": "debug",
      "changeOrigin": true,
      "autoRewrite": true,
      "protocolRewrite": "http",
      "pathRewrite": {"^/Review/": "/"}
    },
    "/Submit/**": {
      "target": "http://localhost:8081",
      "secure": false,
      "logLevel": "debug",
      "changeOrigin": true,
      "autoRewrite": true,
      "protocolRewrite": "http",
      "pathRewrite": {"^/Submit/": "/"}
    }
}

关键配置项说明：

• **通配符：匹配前缀下任意层级的路径，无论接口端点嵌套多少层都能稳定命中代理规则
• autoRewrite: true：自动重写后端返回的301/302等重定向响应的Location头，将指向后端地址的跳转修改为走前端服务端口的代理路径
• ^/Submit/正则匹配规则：严格匹配路径开头的/Submit/字段，仅移除最前端的前缀部分，不会误改路径中其他位置的同名内容，重写后路径稳定为你预期的/xxx格式

配置调整后按以下步骤确认逻辑正常：

• 启动Angular应用时显式指定代理配置文件，确保配置被正确加载：ng serve --proxy-config proxy.conf.json
• 打开浏览器开发者工具网络面板，查看/Submit/Auth/login请求的响应：如果返回302，检查响应头Location是否已被代理修改为http://localhost:4200/login（走前端端口的代理路径），而非直连8081端口的地址
• 如果配置生效后仍出现跳转到/login的情况，直接调用http://localhost:8081/Auth/login接口确认后端逻辑，检查是否存在对该路径的强制跳转配置，必要时同步调整后端路由规则。

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