选择哪个rxjs运算符来处理http错误:tap()或catchError()?

时间:2018-10-13 22:45:09

标签: rxjs angular-httpclient

user=> (concat '(b (a (c 1 3) 2)) '(e))
(b (a (c 1 3) 2) e)

现在使用水龙头来处理错误

/* error handler that will be used below in pipe with catchError() 
 * when resource fetched with HttpClient get() */

private _handleError<T> (operation: string, result?:T) {
     return( error: any): Observable<T> => {
          console.error( operation + ' ' + error.message );
          // or something else I want to do
          return of(result as T); // lets me return innocuous results
     }
}

getObjects() {
  return this.http.get<any[]>(this.myUrl).pipe(
    catchError(this._handleError('my error', [])
  );
}

为什么我应该选择一种方法而不是另一种方法?使用tap()处理HTTP错误是否可以使我的应用正常运行?

1 个答案:

答案 0 :(得分:8)

tap会引起副作用。

catchError是为了捕获流中的错误并尝试处理它们。

因此,如果要处理http请求的错误,请使用catchError

http.get('https://test.com/').pipe(
    tap(
        () => {
            // 200, awesome!, no errors will trigger it.
        },
        () => {
            // error is here, but we can only call side things.
        },
    ),
    catchError(
        (error: HttpErrorResponse): Observable<any> => {
            // we expect 404, it's not a failure for us.
            if (error.status === 404) {
                return of(null); // or any other stream like of('') etc.
            }

            // other errors we don't know how to handle and throw them further.
            return throwError(error);
        },
    ),
).subscribe(
    response => {
        // 200 triggers it with proper response.
        // 404 triggers it with null. `tap` can't make 404 valid again.
    },
    error => {
        // any error except 404 will be here.
    },
);