Can't get custom header with $http

Asked Aug 12 '17 at 11:04

Active Aug 12 '17 at 21:04

Viewed 62 times

I'm trying to get the header with $http, I send a response with the data and header with Node.js, x-auth is my custom header. I can get the response.data just fine, but when I use response.header('x-auth') it prints null. When I test the response with 'Postman' everything works properly and I get the header as expected. I can even see the custom header in the dev tools,

this is the cors of my nodejs cors code:

app.use(function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
next();
});

Here is a snippet of my code:

 $http({
    method: 'GET',
    url: 'http://localhost:3000/test'
}).then(function successCallback(response) {

    console.log(response.data);
    console.log(response.headers('x-auth'));

}, function errorCallback(response) {

    console.log("error");
});

hope you can help me with that.

edited Aug 12 '17 at 20:57

georgeawg

48,608
13
72
95

asked Aug 12 '17 at 11:04

zb22

3,126
3
19
34

Inspect the actual request in browser dev tools network and see if the header is actually there – charlietfl Aug 12 '17 at 12:45
I checked and it's there, so why it's null? – zb22 Aug 12 '17 at 13:01
Is actual header name all lower case as shown? – charlietfl Aug 12 '17 at 13:11
Yes it is, only lower case – zb22 Aug 12 '17 at 13:12
3

In case you are performing a CORS-Request, you will need to expose the headers by adding `Access-Control-Expose-Headers: ...` at the server. – PerfectPixel Aug 12 '17 at 13:33
ok, I editing my question to show the cors of my server – zb22 Aug 12 '17 at 13:36
@PerfectPixel thank you it works now – zb22 Aug 12 '17 at 13:43
@PerfectPixel please post the tip/solution as an answer :) – Majid Fouladpour Aug 12 '17 at 21:01

Can't get custom header with $http

0 Answers0