How can I use an HTTP interceptor in Angular to modify responses?

How can I use an HTTP interceptor in Angular to modify responses?

You can create an HTTP interceptor by implementing the HttpInterceptor interface. This allows you to intercept HTTP requests and responses.

Can you show me a code example of an HTTP interceptor?

Sure! Here's a simple example:

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

@Injectable()
export class MyInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    // Modify the request here if needed
    return next.handle(req).pipe(
      map(event => {
        // Modify the response here
        return event;
      })
    );
  }
}

What do I need to do to register the interceptor?

You need to provide the interceptor in your app module. Add it to the providers array like this:

import { HTTP_INTERCEPTORS } from '@angular/common/http';

@NgModule({
  providers: [
    { provide: HTTP_INTERCEPTORS, useClass: MyInterceptor, multi: true }
  ]
})
export class AppModule {}