How can I handle errors in Angular using interceptors?

How can I handle errors in Angular using interceptors?

You can handle errors in Angular by creating an HTTP interceptor that catches errors from HTTP requests.

Can you show me a basic example of an interceptor?

Sure! Here's a simple interceptor that logs errors:

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) => {
        console.error('Error occurred:', error);
        return throwError(error);
      })
    );
  }
}

What should I do with the error after logging it?

You can display a user-friendly message, log it to an external service, or redirect the user based on the error type.

Are there any best practices for error handling in Angular?

Yes, some best practices include using centralized error handling, providing user feedback, and logging errors for analysis.