How to get http POST's response's headers in Angular 8

Question

So I have a post like below, I send a POST request to login and the response is empty - which is fine, as expected - but I need to access the 'Authorization' header.

I didn't find any way to access.

  const data = {email: "email", password: "password"};

  this.http.post(`/login`, data).pipe(
    tap(resp => {
      console.log(resp); // it will be an empty string
      return resp;
    })).subscribe((resp: any) => {
    console.log(resp.headers.get('Authorization')); // error: Cannot read property 'headers' of null
  });

UPDATE Inspired by TheUnreal's answer I added options

this.http.post(`/login`, data, {observe: 'response'} )...

Now I can access some of the headers like 'Cache-Control'.

Probably I need to express the rest of the headers from serverside

Sam Walpole is right in the comment section, most part of the this question was answered on the link he provided - check out.

Have you tried `console.log` only the `resp` object. See what's there ? — Nicolas, Nov 04 '19 at 16:48
Looks like it's been answered here: https://stackoverflow.com/questions/48184107/read-response-headers-from-api-response-angular-5-typescript — Sam Walpole, Nov 04 '19 at 17:01
Error says "Cannot read property 'headers' of null" , so resp is null — pszaba, Nov 04 '19 at 17:07

TheUnreal · Answer 1 · 2019-11-04T17:36:26.510

0

You can get the headers and other information of the request by passing the following options to your http method:

return this.http.post('YOUR URL', PAYLOAD, {
      observe: 'events'
    })

edited Nov 04 '19 at 17:36

answered Nov 04 '19 at 16:50

TheUnreal

23,434
46
157
277

this make some progress but resp.headers - Property 'headers' does not exist on type 'HttpEvent – pszaba Nov 04 '19 at 17:13
It does show the request headers. try to console.log the emitted data and check what you need. – TheUnreal Nov 04 '19 at 17:36

score 0 · Accepted Answer · answered Nov 04 '19 at 17:56

Add options to the post as TheUnreal suggested, but for me 'response' was needed

this.http.post(`/login`, data, {observe: 'response'} )

On server side, headers Access-Control-Allow-Headers and Access-Control-Expose-Headers need to be set and exposed.

A bit off topic but - may help someone - this is how our config looks like in Java Spring

configuration.setAllowedHeaders(Arrays.asList("Authorization", "Cache-Control", "Content-Type", "Access-Control-Allow-Headers", "Origin,Accept", "X-Requested-With", "Content-Type", "Access-Control-Request-Method", "Access-Control-Request-Headers"));
configuration.addExposedHeader("Authorization");

Sam Walpole is right in the comment section of this question, most part of the this question was answered on the link he provided - check out.

How to get http POST's response's headers in Angular 8

2 Answers2