Angular项目代理配置未生效：请求端口错误的路由设置排查

1. 确认代理配置文件的有效性 #

代理配置文件需命名为proxy.conf.json（或自定义名称，但启动命令需指定），且放置在Angular项目根目录（与angular.json同级）。

2. 检查启动命令是否加载代理配置 #

打开项目根目录的package.json，确认scripts中的start命令已指定代理配置：

"scripts": {
  "start": "ng serve --proxy-config proxy.conf.json",
  // 其他脚本...
}

如果未添加--proxy-config参数，Angular不会加载代理规则，请求会默认发往4200端口。

3. 修正API请求的写法 #

确保HTTP请求未硬编码完整URL，应直接使用相对路径：

// 正确写法
this.http.post('/api/Account/AuthenticateUser', loginData).subscribe(...);

// 错误写法（硬编码端口会绕过代理）
this.http.post('http://localhost:4200/api/Account/AuthenticateUser', loginData).subscribe(...);

4. 调整代理配置细节 #

如果你的API实际路径是http://localhost:44366/Account/AuthenticateUser（不带/api前缀），需添加pathRewrite规则移除请求中的/api前缀：

{
  "/api": {
    "target": "http://localhost:44366",
    "secure": false,
    "changeOrigin": true,
    "logLevel": "debug",
    "pathRewrite": {"^/api": ""}
  }
}

5. 重启开发服务器 #

修改代理配置后，必须重启ng serve，新配置才会生效。启动时控制台会输出代理加载日志，类似：Proxy created for /api -> http://localhost:44366。

6. 验证转发效果 #

打开浏览器开发者工具（F12）的Network标签，查看请求的实际转发情况：请求URL显示为http://localhost:4200/api/...，但实际会被代理转发到44366端口，可通过API服务器日志确认请求是否到达目标端口。

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