Angular代理配置问题：POST请求未指向PHP后端正确端口

1. 校验proxy.conf.json配置准确性 #

你的请求路径是/xxx/api/register，需确保代理配置匹配该前缀，示例配置如下：

{
  "/xxx/api/*": {
    "target": "http://localhost:80",
    "secure": false,
    "changeOrigin": true,
    "logLevel": "debug"
  }
}

• changeOrigin必须设为true，避免后端因跨域来源校验拦截请求
• logLevel设为debug可在控制台查看代理转发日志，方便定位问题

2. 确认package.json启动命令正确性 #

检查start命令是否明确加载代理配置文件：

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

修改命令后必须重启Angular开发服务器，否则新配置不会生效

3. 修正API请求代码 #

确保请求使用相对路径，而非硬编码前端端口：

// 正确写法（自动走代理转发）
this.http.post('/xxx/api/register', formData);

// 错误写法（直接请求前端端口，不走代理）
this.http.post('http://localhost:8100/xxx/api/register', formData);

4. 验证代理是否生效 #

重启服务器后，控制台会输出代理初始化日志，类似：

[HPM] Proxy created: /xxx/api  ->  http://localhost:80
[HPM] Subscribed to http-proxy events:  [ 'error', 'close' ]

发送请求时，控制台会打印转发详情，可确认请求是否被导向80端口

5. 排查其他潜在问题 #

• 若后端PHP API不在localhost，需将target改为实际后端地址
• 确认80端口未被其他服务占用
• 浏览器缓存可能保留旧请求地址，可清空缓存或用无痕模式测试

内容的提问来源于stack exchange，提问作者Arian Di Donato