Reading response headers with Fetch API
If it's NOT CORS:
Fetch does not show headers while debugging or if you console.log
response.
You have to use following way to access headers.
response.headers.get('x-auth-token')
There is a restriction to access response headers when you are using Fetch API over CORS. Due to this restriction, you can access only following standard headers:
Cache-Control
Content-Language
Content-Type
Expires
Last-Modified
Pragma
When you are writing code for Google Chrome extension, you are using CORS, hence you can't access all headers. If you control the server, you can return custom information in the response body
instead of headers
More info on this restriction - https://developers.google.com/web/updates/2015/03/introduction-to-fetch#response_types
From MDN
You can also get all the headers by accessing the entries Iterator.
// Display the key/value pairs
for (var pair of res.headers.entries()) {
console.log(pair[0]+ ': '+ pair[1]);
}
Also, keep in mind this part:
For security reasons, some headers can only be controlled by the user agent. These headers include the forbidden header names and forbidden response header names.