AngularJS $http object not showing all headers from response

Question

I'm having a problem with AngularJS's $http service not returning all of the headers from the API I'm polling. Here's what I've got:

$http({
    method: 'POST',
    withCredentials: true,
    url: 'http://api.mydomain.com/query',
    data: JSON.stringify(parameters)
})
.success(function(data, status, headers, config){
    ... // setting some scope parameters based on data
    console.log(headers());
})

I can tell through the network tab in Chrome that a bunch of response headers are being returned by the API (I'm particularly interested in the X-Pagination-Total-Items header).

Here's a screenshot of the network tab from the request: Chrome's Network Panel

But the console.log statement above (which should output all headers) only returns two: Console Log...missing headers!

Any idea what's going on? How do I actually access all of the headers coming back from the AJAX call?

Thanks,

-Nate

Which headers can't you access? (Also, consider prepending them with X-) — Benjamin Gruenbaum
– Benjamin Gruenbaum, Commented Feb 7, 2014 at 18:59
Benjamin, I'm trying to get X-Pagination-Total-Items. I'm wondering if it's a CORS issue and whether Access-Control-Expose-Headers can't take a wildcard... — Nathan Rutman
– Nathan Rutman, Commented Feb 7, 2014 at 19:05

Nathan Rutman · Accepted Answer · 2014-05-05 19:12:22Z

61

Turns out that the Access-Control-Expose-Headers cannot accept a wildcard. We needed to specify exactly which headers the client should have access to, and then it worked.

answered May 5, 2014 at 19:12

Nathan Rutman

2,2552 gold badges22 silver badges27 bronze badges

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

8 Comments

Eli Gassert Over a year ago

I spent HOURS trying to figure this out. Thank you, thank you, a million times thank you

Nathan Rutman Over a year ago

@EliGassert, glad it helped you as well. One of the great things about StackOverflow! :-)

Stephane Over a year ago

Oh my god.. I too forgot to add these headers to my CORS filter. No wonder I could see them in the browser response but not in the AngularJS headers() call output.

Tim Lieberman Over a year ago

Is this on the backend issue?

Sarpdoruk Tahmaz Over a year ago

Yes, this is a backend issue. You should configure your web server to send back desired header fields. Wildcards are not supported so this won't work; Access-Control-Expose-Headers:* Instead you should provide exact header field i.e. Access-Control-Expose-Headers:Etag

|

Collectives™ on Stack Overflow

AngularJS $http object not showing all headers from response

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related