How can I implement logging with Angular HTTP interceptors?

How can I implement logging with Angular HTTP interceptors?

You can implement logging in Angular using HTTP interceptors by creating a custom interceptor that logs requests and responses.

Can you show me a code example of a logging 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 LoggingInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    console.log('Request:', req);
    return next.handle(req).pipe(tap(event => {
      console.log('Response:', event);
    }));
  }
}

What do I need to do to register this interceptor?

To register the interceptor, add it to the providers array in your app module:

import { HTTP_INTERCEPTORS } from '@angular/common/http';
import { LoggingInterceptor } from './logging.interceptor';

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

Can I log only specific requests?

Yes, you can conditionally log requests by checking the request URL or method in the interceptor before logging.