Angular Http Interceptor: catchError and return success

Question

I have an Http Interceptor (Angular 7) that catches errors. Is it possible to catch the error and based on some contidition, returns a success instead of the error? My current code.

export class RequestInterceptor implements HttpInterceptor {

  constructor() {}

  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {

    return next.handle(request).pipe(
      catchError( response => {
        if(someCondition) {
           //return something that won't throw an error
        }
        return of(response)
      })
    )

  }
}

Possible duplicate of [Catching errors in Angular HttpClient](https://stackoverflow.com/questions/46019771/catching-errors-in-angular-httpclient) — Sander_P, Feb 07 '19 at 14:48

score 6 · Answer 1 · edited Feb 09 '22 at 21:59

6

You need to return an Observable<HttpEvent<any>> object. You can achieve that by making another request using next.handle(newReq)

For example, if you want to add a Bearer authorization header if the error is 401, you can do like that

intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {

return next.handle(request).pipe(
  catchError( response => {
    if(response.status === 401) {
       return next.handle(request.clone({
         setHeaders: { "Authorization": `Bearer ${token}` }
       }));
    }
    return throwError(() => new Error(response));
  })
 )
}

edited Feb 09 '22 at 21:59

xinthose

3,213
3
40
59

answered Nov 19 '19 at 14:04

stodi

1,549
13
23

1

but lets say we need to call an API to get that new token, how do we do that inside catchError? – Collin Aug 15 '21 at 00:40

Midhun KM · Answer 2 · 2022-02-09T19:45:10.927

0

Even though this is not recommended, creating a success response from catchError can be done using HttpResponse class,

return next.handle(request)
    .pipe(
        catchError((error: HttpErrorResponse) => {
            return of(new HttpResponse({ body: {}, status: 0 }));
        })
    )

edited Feb 09 '22 at 19:45

answered Feb 09 '22 at 19:25

Midhun KM

1,647
1
21
31

Angular Http Interceptor: catchError and return success

2 Answers2