Getting response headers from HttpClient post request in Angular?

Question

I'm trying to get the response headers from a post request, but the HttpResponse object doesn't contain the same headers that I can see in the network. What am I doing wrong? I need to access the value of the Apiproxy-Session-Id key and it isn't present in the HttpHeaders.

This is my code to execute the post request and log the full response, where http is an HttpClient object.

this.http.post('http://localhost:8081/user/login', JSON.stringify(requestBody), {observe: 'response'}).subscribe(resp => { console.log(resp); });

This is the response I'm logging.

These are the headers I'm seeing in the network.

I'm new to Angular and very stumped by this. Thanks for your help!

did your issue resolve?

tryingToLearn
– tryingToLearn

2018-01-24 10:51:05 +00:00
Commented Jan 24, 2018 at 10:51 — tryingToLearn
– tryingToLearn, Commented Jan 24, 2018 at 10:51

ygorazevedo · Accepted Answer · 2018-03-01 20:59:58Z

4

Hey man I was having the same problem here. Since your backend and frontend are on different domains some headers of the response are not exposed by default.

You can try two different approaches:

1. Proxy your requests on Angular

With this the proxy will make your backend think the request came from the sabe domain. See this doc to know how to do it. Keep in mind that with this option all headers will be exposed.

2. Expose the headers you want on your backend server

Since I don't know the language of your backend I can't tell you the step by step to do so, but I'll have to do something like this on the response: response.add("Access-Control-Expose-Headers", "Apiproxy-Session-Id").

edited Mar 1, 2018 at 20:59

answered Jan 17, 2018 at 16:54

ygorazevedo

4791 gold badge4 silver badges16 bronze badges

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

1 Comment

David Over a year ago

Thanks ! Really helpul. This should be accepted answer

Brandon Yang · Accepted Answer · 2018-01-08 08:56:30Z

0

Try to add responseType: 'text'

this.http.post('http://localhost:8081/user/login', 
    JSON.stringify(requestBody), {observe: 'response', responseType: 'text'}).subscribe(resp => {
        console.log(resp);
    });

answered Jan 8, 2018 at 8:56

Brandon Yang

2,4481 gold badge17 silver badges6 bronze badges

Collectives™ on Stack Overflow

Getting response headers from HttpClient post request in Angular?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related