Angular+Java后端项目Firefox中单个GET请求失败（未知错误）

我之前碰到过几乎一模一样的情况！这种单个GET请求只在Firefox里挂掉、其他请求正常的问题，结合你给出的HttpErrorResponse（status 0、url null），大概率是Firefox特定的安全策略、CORS配置或者缓存干扰导致的，给你几个具体的排查方向：

• 先查CORS预检请求是否通过
  Firefox对跨域预检（OPTIONS请求）的校验比Chrome严格得多，哪怕其他请求正常，这个GET也可能因为带了特殊Header或参数触发了预检。打开Firefox开发者工具（F12）→网络面板，先找这个请求对应的OPTIONS请求：

  • 如果OPTIONS返回非200状态，说明后端CORS配置没覆盖这个请求的规则，比如没允许自定义Header、特定请求方法；
  • 如果根本看不到OPTIONS请求，那可能是请求里的参数/Header触发了Firefox的安全拦截，直接没发出去。

• 排查缓存和浏览器扩展干扰

  • 先开Firefox隐私窗口（Ctrl+Shift+P）重试请求，如果能正常工作，基本就是缓存或扩展的锅；
  • 手动清除该请求的缓存：网络面板找到失败的请求，右键→「删除缓存」，刷新再试；
  • 临时禁用所有广告拦截、隐私类扩展（比如uBlock Origin、Privacy Badger），这类扩展经常会误拦截特定API请求。

• 检查请求URL和参数的编码问题
  Firefox对URL特殊字符的编码处理和Chrome可能有差异，比如中文、空格、特殊符号（如&、=之外的符号）。试试用Angular的HttpParams传递参数，避免手动拼接URL：

  const params = new HttpParams()
    .set('yourParamKey', '可能带特殊字符的参数值');
  this.http.get('/api/your-target-endpoint', { params });
  

  如果必须手动拼接，记得用encodeURIComponent()处理每个参数值。

• 后端是否针对Firefox的User-Agent做了限制
  有些后端服务会根据User-Agent拦截请求，先查后端日志里有没有这个请求的记录：

  • 如果完全没记录，说明请求根本没到达后端，是浏览器端拦截了；
  • 如果有记录，看看后端返回的具体状态码和内容，是否有针对Firefox的特殊逻辑。
    可以临时在Angular请求里设置Chrome的User-Agent试试（需要后端CORS允许自定义Header）：

  const headers = new HttpHeaders().set(
    'User-Agent',
    'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36'
  );
  this.http.get('/api/your-target-endpoint', { headers });
  

• 检查Angular HttpClient的特殊配置
  看看这个请求是否用了单独的拦截器，或者和其他请求的配置不一样：

  • 比如是否设置了withCredentials: true，而其他请求没设置？Firefox对跨域Cookie的处理更严格，需要后端CORS配置同时允许credentials；
  • 试试用原生fetch发起相同请求，如果能成功，说明是Angular拦截器或HttpClient的配置问题，比如某个拦截器修改了请求头导致Firefox不兼容。

我当时的问题是这个GET请求带了自定义的X-Request-Trace头，后端CORS规则没把这个头加入允许列表，Firefox预检失败直接返回了status 0的错误，把Header加入CORS配置后就正常了。你可以先从网络面板的请求详情入手，确认请求到底是没发出去还是后端没响应。

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