Search code examples
http-headerses6-promiseaxios

Axios get access to response header fields

I'm building a frontend app with React and Redux and I'm using axios to perform my requests. I would like to get access to all the fields in the header of the response. In my browser I can inspect the header and I can see that all the fields that I need are present(such as token, uid, etc...), but when I call

const request = axios.post(`${ROOT_URL}/auth/sign_in`, props);
request.then((response) => {
    console.log(response.headers);
});

I only get:

Object {"content-type": "application/json; charset=utf-8", "cache-control": "max-age=0, private, must-revalidate"}

Here my browser network tab, as you can see all the other fields are present.

enter image description here

Bests.

Solution

  • In case of CORS requests, browsers can only access the following response headers by default:

    • Cache-Control
    • Content-Language
    • Content-Type
    • Expires
    • Last-Modified
    • Pragma

    If you would like your client app to be able to access other headers, you need to set the Access-Control-Expose-Headers header on the server: 

    Access-Control-Expose-Headers: Access-Token, Uid