Angular v18本地HTTP请求出现404问题求助

算力阿峰

2026-6-21

Angular 18升级后本地HTTP请求404（企业代理环境）排查方案

检查Angular 18代理配置格式兼容性
Angular 18对代理配置的解析逻辑有调整，即便配置文件未修改，也需确认是否符合新版本要求。比如旧版proxy.conf.json中的pathRewrite、target字段是否仍被兼容，或是否需要改用proxy.config.js以支持更多自定义逻辑。可先将配置简化为仅代理单个明确接口，测试是否能正常转发。
验证代理环境变量读取逻辑
企业代理通常依赖HTTP_PROXY/HTTPS_PROXY等环境变量，Angular 18可能改变了这些变量的读取时机或方式。启动项目时可手动指定代理参数，比如：
```
ng serve --proxy-config proxy.conf.json --ssl --ssl-cert ssl/localhost.crt --ssl-key ssl/localhost.key
```
同时查看终端输出，确认是否有代理初始化的日志，验证代理是否被正确加载。
对齐https-proxy-agent的兼容版本
Angular 18可能对代理库的依赖版本有特定要求，自行升级到最新版（v7）未必适配。可查看Angular CLI的package.json依赖，确认其默认使用的代理相关包版本，安装对应版本而非最新版（比如尝试v6版本）后再测试。
开启代理日志排查路径转发问题
404可能源于代理转发路径错误，可在代理配置中添加logLevel: "debug"，查看请求转发的具体目标地址是否符合预期。示例配置：
```
{
  "/api/*": {
    "target": "https://your-backend.com",
    "secure": false,
    "logLevel": "debug"
  }
}
```
通过终端日志确认路径拼接是否存在错误。
确认本地开发服务器SSL配置
Angular 18默认可能对HTTPS要求更严格，若此前使用HTTP开发，升级后可能因协议不匹配导致代理失败。确保启动项目时启用SSL且证书配置正确，避免协议问题被代理拦截。