如何避免在errorHandler中抛出错误？Angular HTTP错误处理

嘿，这个问题我太懂了！你现在的代码之所以会在控制台显示报错，核心原因是errorHandler里的Observable.throw()——它会把错误重新抛回Observable链里，让整个流仍然处于错误状态，最终被控制台捕获并打印出来。

要避免这种情况，你只需要让错误处理后的Observable正常完成，而不是继续传递错误。这里有两种常见的修改方案：

方案1：返回空Observable（仅处理错误，不返回数据） #

如果你的需求只是处理错误（比如显示提示），不需要给后续的订阅者返回任何数据，那么可以用empty()（RxJS 6+）或者Observable.empty()（旧版本）来返回一个正常结束的空流：

// 先导入需要的操作符（RxJS 6+）
import { empty } from 'rxjs';

errorHandler(error: HttpErrorResponse) {
  if (error.status === 422) {
    this.openSnackBar('Number already exists');
  }
  // 返回空Observable，让流正常完成，不再抛出错误
  return empty();
}

方案2：返回默认值（给订阅者一个 fallback 数据） #

如果你希望错误处理后，后续的订阅逻辑还能收到一个默认值（比如空对象、null），可以用of()来创建一个包含默认值的Observable：

// 导入of操作符
import { of } from 'rxjs';

errorHandler(error: HttpErrorResponse) {
  if (error.status === 422) {
    this.openSnackBar('Number already exists');
  }
  // 返回你需要的默认值，比如null或者空对象
  return of(null);
}

原理说明 #

当你在catch操作符里返回一个非错误状态的Observable时，整个Observable链会从错误中“恢复”过来，继续正常执行后续逻辑，错误不会再被传递到订阅端，自然也就不会在控制台显示报错信息了。

另外提一句：你原来的代码里，422和其他错误分支都做了相同的throw操作，现在修改后所有错误都会被“吞掉”。如果需要针对非422错误做额外处理（比如记录日志），可以在else分支里添加对应的逻辑，只要不返回throw类的Observable就行。

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