How do you handle recovery in the Angular Interceptor

Question

How can I recover an intercepted HTTP request in angular?

Here is an example of the catch and replace strategy with Observables

https://blog.angular-university.io/rxjs-error-handling/

The goal is to catch the error, handle it and return a "success" observable to the original subscriber. I am not able to get this to work with Angular's interceptor.

This is dumbed down code but if I return an observable it does not hit the success of the original subscriber. It will hit its complete however. And the throwError works as expected.

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

return next
  .handle(req)
  .pipe(
    catchError((error, caught) => {
       return of('this does not work');
       //throwError('this works as expected');
    })
  );

}

possible duplicat of https://stackoverflow.com/questions/38649652/rxjs-catch-error-and-continue — bubbles, Sep 27 '19 at 16:34
That link is the expected behavior. The question is why doesn't it work like that with angular's interceptor? — coder, Sep 27 '19 at 16:45
Please provide a working example of your problem. What you have here is correct but you're just saying it doesn't work. — Reactgular, Sep 27 '19 at 18:00
if you're returning an observable of string it will not work — bubbles, Sep 29 '19 at 09:42

score 1 · Accepted Answer · answered Sep 27 '19 at 18:14

1

interceptor needs to return a Observable<HttpEvent<any>>

try:

 return of(new HttpResponse({ body: {} }));

answered Sep 27 '19 at 18:14

Haijin

2,561
2
17
30

How do you handle recovery in the Angular Interceptor

1 Answers1