Axios not returning response for POST on 500 error

I setup a basic demo, where I create a POST request and server returns 500 error. With postman I get response, but axios doesn’t return response. https://jsfiddle.net/8r3dh6hw/61/

Response from Postman: 500 Internal Server Error

[guarani]

@themre For me, what worked was to implement validateStatus and return true for the status codes I wanted to handle in the then callback.

    axios({
      method: 'post',
      url: '/sessions',
      data: {
        username: this.state.username,
        password: this.state.password,
      },
      validateStatus: (status) => {
        return true; // I'm always returning true, you may want to do it depending on the status received
      },
    }).catch(error => {

    }).then(response => {
        // this is now called!
    });

[raygesualdo]

@themre In your jsfiddle, if you look in the browser dev tools, you’ll notice that the call to httpstat.us/500 errors during the OPTIONS pre-flight request (an automated network call in modern browsers when using CORS). When making a cross-domain request, if the server isn’t correctly configured for CORS, axios returns an error without error.response populated. This is because the XHR request fails at the browser level (during the OPTIONS call), which is technically a network error. For network errors, axios does not provide a response because one is not provided by the browser. If one debugs the network error returned to axios from an invalid OPTIONS call, one will notice that there is no way to know the status.