Http response do not include headers

[bpquintanilha]

Maybe i am doing something wrong but when i make a request with Http i can see on the Network tab on chrome that the response include a custom header called 'Authorization' used to refresh the JWT. But when i try to access the response.headers it prints empty on the console.

return this.http.request(req).map((res: Response) => console.log(res.headers.values()));

the same behaviour when printing keys().

the request headers, on the other hand, do print all the custom headers i add to the request.

[bpquintanilha]

Hey guys, i have found where the problem is and changed to get what i need.

In Http.dev.js on line 10645 aprox. i have added this basic snipet:

var arrayOfLines = _xhr.getAllResponseHeaders().match(/[^\r\n]+/g);
          var headers = new headers_1.Headers();
          for(var i = 0; i < arrayOfLines.length; i++){
            var line = arrayOfLines[i];
            var name = line.substr(0,line.indexOf(':')).trim();
            var val = line.substr(line.indexOf(':')+1).trim();

            headers.append(name,val);
          }

          responseOptions.headers = headers;

sorry i did not do it in typescript because i was lazy to recompile.

also, of course, had to add the headers to the dependencies array and required it. I hope it helps.

EDIT
As the release 2.0.0-alpha.46 came out, the location changed. Still at the XHRConnection but the Http.dev.js has changed and now it is at line 721.

In xhr_backend.ts, XHRConnection class line 18.

Thanks

[cangosta]

Hi all, I'm having this same issue in alpha.44. I can't access the response header information that are supposed to be present in the headers map of the response. Example:

var req = new Request({
  url: `localhost/api/products`,
  method: RequestMethods.Get
});

this.http.request(req).subscribe(
  res => {
    // Can't access the headers of the response here.... res.headers is empty
  },
  error => { ... },
  _ => {}
);

If I check the network traffic in the browser's dev tools, the response headers are present...

[bpquintanilha]

See my edit. I have a workaround to this issue untill they fix it.

Hope it helps you

[cangosta]

Hi @bruno-quintanilha, thanks for your suggestion.

After some diving into angular2 code (and yours too), I realize that not all response headers are present when I invoke _xhr.getAllResponseHeaders(). Actually, only a couple of them are present!

Here follow the real response headers:

And the result of the _xhr.getAllResponseHeaders():

"Content-Language: pt-PT Content-Type: application/json; charset=utf-8"

Are there any suggested workaround?

[bpquintanilha]

Hi there,

try access directly to your custom header with: _xhr.getResponseHeader('x-total-count');

Maybe some checking if it exists.

But i can tell you that i am able to access all response headers with the previous sugestion.

Still, does this value really needs to be a header? cant you send it with the response and a custom Http class (extend it or encapsulate) to intercept the response and separate that value from the real response?

Hope it helps

[bpquintanilha]

BTW. Aqui da ilha da Madeira! @cangosta