Angular HttpClientXsrfModule example

xsrf.interceptor.ts

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

@Injectable()
export class HttpXSRFInterceptor implements HttpInterceptor {

  constructor(private tokenExtractor: HttpXsrfTokenExtractor) {

  }

  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    const headerName = 'X-CSRFTOKEN';
    const respHeaderName = 'X-CUSTOM-CSRFTOKEN';
    let token = this.tokenExtractor.getToken() as string;
    console.log('token:', token);
    if (token !== null && !req.headers.has(headerName)) {
      req = req.clone({ headers: req.headers.set(respHeaderName, token) });

    }
    return next.handle(req);

  }

}

Many Thanks! You save my life )))

Just me saving the world, one CSRF token at time. 👍