能否在Angular的HttpInterceptor中返回空数组处理错误？

可以直接通过拦截器实现，核心是不要抛出错误，而是返回一个包含空数组的正常Observable，这样订阅该请求的代码会进入next回调（而非error回调），从而接收到空数组并渲染空下拉框。

修改拦截器代码 #

将原来的return throwError(err)替换为return of([])，同时可以根据需求添加判断（比如只针对GET请求，或特定URL的请求），避免影响其他接口的错误处理：

import { of } from 'rxjs';

public intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
  return next.handle(request).pipe(catchError((err) => {
    // 401未授权处理逻辑保持不变
    if (err.status === 401 && !this.router.url.includes('/auth')) {
      localStorage.removeItem('token');
      location.reload();
    }
    // 登录页面的错误提示保持不变
    if (this.router.url.includes('/auth')) {
      this.message.error(
          err.error ?? err.statusText,
          { nzDuration: 5000, nzPauseOnHover: true },
      );
    }
    console.log(err);

    // 关键修改：返回包含空数组的Observable，而非抛出错误
    // 可选：添加判断，仅对需要返回空列表的请求生效（比如GET请求）
    if (request.method === 'GET') {
      return of([] as HttpEvent<any>);
    }

    // 其他请求仍抛出错误（可选，根据业务需求调整）
    return throwError(err);
  }));
}

为什么之前的尝试没触发res部分？ #

原来的throwError(err)会让Observable进入错误流，订阅该请求的代码会执行error回调而非next回调。而of([])会生成一个正常流的Observable，订阅者的next回调会接收到空数组，这样下拉框的绑定逻辑就能正常处理空列表。

额外提示 #

如果只需要对特定URL的接口（比如下拉框的选项接口）做这个处理，可以进一步添加URL判断：

if (request.url.includes('/options') && request.method === 'GET') {
  return of([] as HttpEvent<any>);
}

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