Why can I not access $http error response headers with Angular?

Question

I am using $http to make a request:

$http.post('/some/url').success(function() {
    ....
}).error(function(data, status, headers) {
    console.log(headers('x-infosnap-tfa'));
});

The request intentionally returns a 401, resulting in the error callback above being called. This works great. And as you can see, upon inspection in Chrome, the following response headers are available:

Response Headers

Unfortunately headers('x-infosnap-tfa') returns null, and I am unable to access the response headers, but clearly the response headers are being sent.

Any ideas why I can't access the headers?

Community · Accepted Answer · 2017-05-23 10:34:11Z

2

Turns out that even though I could see the response headers in Chrome, I strangely still had to explicitly expose those headers in my API. Here's what I did:

app.use(cors({
    exposedHeaders: ['x-infosnap-tfa']
}));

Credits to this post.

edited May 23, 2017 at 10:34

CommunityBot

11 silver badge

answered Jan 21, 2015 at 21:14

Chad Johnson

22k36 gold badges118 silver badges219 bronze badges

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

Collectives™ on Stack Overflow

Why can I not access $http error response headers with Angular?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related