Angular http interceptor response headers

Question

I have made an http interceptor in which I need to evaluate responese headers and find particular one (authorization). Interceptor itself is working however it is unable to list headers which I am setting on server side and which I can clearly see set in firebug's network tab.

interceptor:

app.factory('HttpItc', function($q, $localStorage, $injector) {
return {
response: function (response) {
   //console.log(response); // Contains the data from the response.

  var freshJwt = response.headers['Authorization'];

  if (freshJwt) {
    $localStorage.jwt = freshJwt;
  }

  // Return the response or promise.
  return response;
}  };});

This is how I set headers in Express on the server side:

return res
                    .header('Authorization', jwt)
                    .header('testHeader', 'testValue')
                    .json(user);

What is happening? How can I get access to response headers in http's interceptor?

Can you try this please and see if you get any results console.log(response.headers('Content-Length')); — stackg91
– stackg91, Commented Feb 1, 2016 at 14:06
@stackg91 it's 'null'. But the Data object in that response is properly set and populated... — greengold
– greengold, Commented Feb 1, 2016 at 14:11
I think you can get the authorization headers by calling var jwt = response.headers('Authorization') — themyth92
– themyth92, Commented Feb 1, 2016 at 15:07
@themyth92, you were right. it should be accessed as function... also you need to have 'Authorization' header set as exposed on the backend side. thx — greengold
– greengold, Commented Feb 2, 2016 at 15:23

gaurav5430 · Accepted Answer · 2017-07-24 04:51:26Z

10

The solution is to call response.headers('...') (as a function, not an array).

Also be sure to explicitly expose headers on the back-end side.

EDIT: To explicitly expose headers on the back-end you would need to add something like

response.addHeader("Access-Control-Expose-Headers","yourHeaderName");

This is similar to adding CORS headers, and currently does not work with '*'

edited Jul 24, 2017 at 4:51

gaurav5430

14.1k8 gold badges73 silver badges127 bronze badges

answered Feb 18, 2016 at 10:21

greengold

1,3333 gold badges20 silver badges48 bronze badges

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

3 Comments

natronite Over a year ago

I think it should be plural response.headers('...')

Lazyexpert Over a year ago

Not working '*' with expose-headers header made my day.

Phung D. An Over a year ago

add "Access-Control-Expose-Headers: yourheader" on server (php, java, nodejs) works smoothly

Collectives™ on Stack Overflow

Angular http interceptor response headers

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related