Angular 15.1.5代理配置异常：angular.json无options且命令行无效

一、angular.json 正确配置方式 #

你的serve节点缺少options属性，这才是添加代理配置的正确位置，而非configurations下的production/development节点。修改architect.serve部分如下：

"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "options": {
    "proxyConfig": "proxy.conf.json"
  },
  "configurations": {
    "production": {
      "browserTarget": "blog:build:production"
    },
    "development": {
      "browserTarget": "blog:build:development"
    }
  },
  "defaultConfiguration": "development"
}

二、命令行启动失效排查 #

若使用ng serve --proxy-config proxy.conf.json仍不生效，检查以下内容：

• 确认proxy.conf.json位于项目根目录（与angular.json同级），路径无误
• 验证后端服务是否正常运行在http://localhost:3000，无端口占用或服务未启动问题
• 修改代理配置后必须重启ng serve，配置才会生效
• 查看浏览器控制台网络请求，确认请求是否被转发至目标地址，是否存在跨域或其他报错

三、多环境代理配置（可选） #

如果需要为不同环境配置不同代理，可在configurations对应节点中覆盖proxyConfig：

"configurations": {
  "production": {
    "browserTarget": "blog:build:production",
    "proxyConfig": "proxy.prod.conf.json"
  },
  "development": {
    "browserTarget": "blog:build:development",
    "proxyConfig": "proxy.conf.json"
  }
}

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