Reading response headers when using $ http Angularjs

Question

I use $http to make an api call that sends some custom header like X-Foo . However, I still cannot figure out how to read them. Inside the function $http({...}).success(function (data, status, headers, config) {...}) headers is a function that should give me a hash of all the headers, but only show the content-type header . Is there any way to get response headers?

Answer 1

Custom headers will be visible in the same domain. However, for a cross-domain situation, the server must send an Access-Control-Expose-Headers: X-Foo, ... header to make custom headers visible.

Answer 2

Spring 4.0+ provide the @CrossOrigin annotation, which has the following parameters

• originins = comma separated list of origin.
• protectedHeaders = list of user parameters count count associated with the lump.

example

 @CrossOrigin(origins = "*", exposedHeaders ="X-Total-Count")