Angular中HTTP请求报错时如何让方法后续逻辑继续执行

Angular的HTTP请求能力基于RxJS封装，当接口调用抛出异常时，返回的Observable流会直接进入错误通道，你原本写在subscribe成功回调（第一个入参函数）里的逻辑不会被触发；如果没有显式定义错误处理逻辑，还会在控制台抛出未捕获的Observable异常。

推荐使用RxJS自带的finalize操作符实现需求，这个操作符的触发时机是Observable流终止时，不管流终止的原因是请求成功、请求报错、还是请求被主动取消，传入的逻辑都会执行，不会出现执行遗漏。

• 先从RxJS依赖中引入需要的方法，finalize是必选，如果需要手动捕获处理错误，还要引入of用来返回兜底Observable：

import { finalize } from 'rxjs/operators';
import { of } from 'rxjs';

• 调整业务代码结构，把无论请求成败都要执行的逻辑放到finalize的回调中：

public updateStatus(status: string): void {
  this.userApiService.user.updateStatus(status, this.user.objectKey)
    .pipe(
      // 可选：需要单独处理错误逻辑（比如打印错误日志、弹出失败提示）可以加catchError
      // catchError((error) => {
      //   console.error('状态更新接口请求失败', error);
      //   return of(null); // 必须返回一个合法Observable接住错误，避免抛出未捕获异常
      // }),
      finalize(() => {
        // 这里放置你原来标注//do something else的、无论请求结果如何都要执行的逻辑
      })
    )
    .subscribe({
      next: (response) => {
        // 这里只写仅请求成功才需要执行的逻辑，比如存储接口返回值、弹出成功提示
      },
      error: (error) => {
        // 这里只写仅请求失败才需要执行的逻辑，和catchError选一处编写错误处理即可
      }
    });
}

不推荐把公共逻辑复制一份分别写到next和error回调里：一方面代码冗余提升后续维护成本，另一方面如果请求是因为组件销毁、手动取消订阅等原因中断，这两个回调都不会触发，会导致公共逻辑漏执行，finalize是覆盖所有流终止场景的最优方案。

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