Angular+Java站点清缓存后首请求报NS_ERROR_DOM_BAD_URI求助

从你提供的请求对比来看，核心差异是首次请求的HTTP版本显示为undefined，这直接触发了Firefox的NS_ERROR_DOM_BAD_URI错误——这个错误通常是因为请求格式不符合HTTP规范，浏览器无法识别无效的HTTP版本标识。

可能的原因 #

• Angular HTTP客户端初始化不完整：清理缓存后，前端HTTP服务可能还没完成初始化就发起了请求，导致请求构造时HTTP版本参数未正确赋值，出现undefined。
• 配置依赖缓存：请求相关的配置（比如HTTP版本模板、请求头预设）原本存在于浏览器缓存中，清缓存后首次加载时未正确读取这些配置，第二次请求时配置已加载完成，请求格式恢复正常。
• 跨域状态未同步：跨域场景下，首次请求可能因为Cookie未同步、OPTIONS预请求未完成，导致主请求构造出现异常；第二次请求时跨域相关状态已同步，请求格式恢复正常。

排查与修复建议 #

• 检查Angular请求初始化逻辑：
  • 确认发起请求的代码是否在服务初始化完成后执行，比如避免在APP_INITIALIZER完成前调用HTTP请求，或者确保HttpClientModule已正确导入并完成初始化。
  • 排查自定义HTTP拦截器，看是否存在修改请求版本的逻辑，确认首次加载时拦截器是否未正确初始化，导致版本被设为undefined。
• 验证请求构造流程：
  • 在Angular代码中添加日志，打印请求对象的完整信息（包括HTTP版本），定位首次请求时版本赋值错误的具体环节。
• 后端跨域配置检查：
  • 确认后端CORS配置是否允许跨域请求的所有必要头信息，排查OPTIONS预请求是否存在响应异常，导致首次主请求构造失败。
• 优化前端缓存策略：
  • 对前端配置文件设置合理的缓存规则，避免清缓存后关键配置丢失；或者确保配置文件在应用启动时优先加载，再发起业务请求。

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