your recipe card header background

    Angular HttpInterceptor for Headers




    Angular snippets for TypeScript

    The HeaderInterceptor helps intercept HTTP requests and responses. It initializes an HttpRequest with the headers of the request and a clone of the headers. It returns an Observable that is emitted when the handle method is called on the next HttpHandler .

    The handle method takes an HttpHandler as a parameter. The handler is executed when the Observable is emitted by the HeaderInterceptor . The handler can access the req object, which contains the HttpRequest that was intercepted. The authReq object is a copy of the headers of the request that was intercepted.

    Library: angular

    Shortcut: a_http_interceptor_headers

    import { Injectable } from '@angular/core';
    import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest } from '@angular/common/http';
    import { Observable } from 'rxjs';
    export class HeaderInterceptor implements HttpInterceptor {
      constructor() {}
      intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
        const headers = req.headers
          .set('Content-Type', 'application/json');
        const authReq = req.clone({ headers });
        return next.handle(authReq);
    Codiga Logo
    Codiga Hub
    • Rulesets
    • Explore
    • Cookbooks
    • Playground
    soc-2 icon

    We are SOC-2 Compliance Certified

    G2 high performer medal

    Codiga – All rights reserved 2022.