How can I handle errors in Angular HTTP interceptors?

How can I handle errors in Angular HTTP interceptors?

You can handle errors in Angular HTTP interceptors by implementing the intercept method and using RxJS operators like catchError.

Can you show me a code example of that?

Sure! Here's a simple example:

import { Injectable } from '@angular/core';
import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest, HttpErrorResponse } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { catchError } from 'rxjs/operators';

@Injectable()
export class ErrorInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    return next.handle(req).pipe(
      catchError((error: HttpErrorResponse) => {
        // Handle the error here
        console.error('Error occurred:', error);
        return throwError(error);
      })
    );
  }
}

What types of errors can I handle with this approach?

You can handle various types of errors, such as network errors, server errors (like 404 or 500), and client-side errors.

Is it possible to show a user-friendly message for errors?

Yes, you can display user-friendly messages by catching the error and using a service to show notifications or alerts.