Get header value from http response in Typescript

Question

I am trying to access a new header I have added to my API response in TypeScript. In the Network tab of my developer tools, I can see that the new header I added is present, but when I try req.headers.get("x-web-frontend-version") I just get null.

Here is my code and image of my network tab:

intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    let headers = req.headers;

    console.log('HEADERS: ' + headers.get('x-web-frontend-version'));

    const authReq = req.clone({
      headers: headers
    });

    return next.handle(authReq);
  }
}

Image:

Could it be that req.headers are the headers of the request but x-web-frontend-version are headers of a response? — Joaquim
– Joaquim, Commented Aug 3, 2021 at 10:06
I do believe that it the case, do you know how I would go about getting the response? — LondonMassive
– LondonMassive, Commented Aug 3, 2021 at 10:06

Joaquim · Accepted Answer · 2021-08-03 10:22:58Z

2

Assuming that the function Intercept is in some service file, such as some.service.ts, in the component file, some.component.ts, I would try the following:

const xWebFrontednVersion: string;
this.someService.intercept(req, next).toPromise().then(response => {
        this.xWebFrontednVersion = response.headers.get('x-web-frontend-version');
})

answered Aug 3, 2021 at 10:22

Joaquim

821 gold badge3 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Get header value from http response in Typescript

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related