rxjs - 即使底层 observable 抛出错误，RxJS 也不会在映射时抛出错误

Question

我有一个网络调用，其中 api 可能会引发 400 错误。我想优雅地处理这件事。

现在我这样做如下 -

   private fetchStatus(objectId: string): Observable<string> {
      return Observable.create((observer) => {
        this.http.get('/api/data-one').subscribe(response => {
          if (response.result === 'SUCCESS') {
              observer.next('SUCCESS');
          } else {
              observer.next('DENIED');
          }
          observer.complete();
        },
        error => {
          observer.next('DENIED');
          observer.complete();
        });
      });
  }

但我更喜欢使用 Observable.map 运算符。Observable.map 的问题是当 api 抛出 400 时，整个 observable 进入错误模式。

我想防止这种情况发生，因为这个 get 调用正在与其他调用的 forkJoin 中使用。失败将意味着下面的整个 forkJoin 失败

forkJoin([
        this.http.get('/api/route-2'),
        this.http.get('/api/route-1'),
        this.fetchStatus('abc')
      ]).subscribe((responseCollection: any) => {
        observer.next({
          result1: responseCollection[0],
          result2: responseCollection[1],
          result3: responseCollection[2]
        });
        observer.complete();
      }, error => observer.error(error));

Answer 1

您可以使用map和catchError来做到这一点。

catchError将捕获源抛出的任何错误并返回一个新的 Observable。在您的情况下，这个新的 Observable 将forkJoin在 HTTP 错误的情况下传递给它。

private fetchStatus(objectId: string): Observable<string> {

    return this.http.get('/api/data-one').pipe(
        map(response => response.result === 'SUCCESS' ? 'SUCCESS' : 'DENIED'),
        catchError(error => of('DENIED')),
    );
  }