How to access angular $http response custom headers?

Question

Here is my code:

$http({
         method: 'POST',
         url: myURL,
         headers: {
           //BLAH
         },
         data: {
           // BLAH BLAH
         }
     }).success(function(data, status, headers) {
         deferred.resolve({
         // This is not possible:
         sessionId: headers('sessionId')
        });
   });

I would like to access sessionId attribute from headers, but only header I seem to find is Content-Type.

What may be the cause why this does not work?

mico · Accepted Answer · 2015-03-18 10:59:10Z

2

I found this post useful: https://github.com/mgonto/restangular/issues/128

It states the following:

After research I found the solution: you have to tell your api server to "expose" the custom headers. You can do this by using the Access-Control-Expose-Headers header. The value is the headers you want to be able to access. So it'd look like: Access-Control-Expose-Headers: Your-Header, Another-Header.

Adding this extra header solved my problem.

answered Mar 18, 2015 at 10:59

mico

12.7k13 gold badges62 silver badges102 bronze badges

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

1 Comment

mico Over a year ago

Another visible layer without this setting is according to the source Cache-Control.

Collectives™ on Stack Overflow

How to access angular $http response custom headers?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related