I have this POST request with axios in React :

postRunSimulation(simulationId) {
  var requestAnalysis = `${configFile.web.backend}analysis/${simulationId}/run`;
  return axios.post(requestAnalysis)
  .then(function (response) {
    return response.headers;
  }, function(error) {
    throw new Error('An error occurred : ' + error.status + ' - ' + error.statusText);
  });
},

The object I get in return has a headers property but it's empty. If I make the same call with Postman, I get the headers. What am I doing wrong ?

I have this POST request with axios in React :

postRunSimulation(simulationId) {
  var requestAnalysis = `${configFile.web.backend}analysis/${simulationId}/run`;
  return axios.post(requestAnalysis)
  .then(function (response) {
    return response.headers;
  }, function(error) {
    throw new Error('An error occurred : ' + error.status + ' - ' + error.statusText);
  });
},

The object I get in return has a headers property but it's empty. If I make the same call with Postman, I get the headers. What am I doing wrong ?

• javascript
• reactjs
• http-headers
• axios

Share Improve this question Follow asked Jul 21, 2016 at 17:35 ClafoutiClafouti 4,66555 gold badges3232 silver badges3939 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

If your back-end is running on a different host or port than the web app, the browser can only access the following 6 response headers by default: Cache-Control, Content-Language, Content-Type, Expires, Last-Modified, and Pragma (see also this answer). If the server does not return any of them, the headers will be empty.