Question

186

JS Axios - how to get response body in event of error?

rated 0 times [ 191] [ 5] / answers: 1 / hits: 20769 / 6 Years ago, tue, december 4, 2018, 12:00:00

I want to be able to get the response body back from an Axios error catch.

I am using axios v0.18.0.

My axios code looks like this:

let service = axios.create({

                baseURL: https://baseUrl.azurewebsites.net,

                responseType: json

            });



        service.defaults.headers.common['authorization'] = `Bearer ${token}`;



        service.post(/api/method, params).then(result => {

            console.log('success',result);

        }).catch(error=>{

            console.log('error');

            console.log(error);

        });

My API call is returning a 400 error as I expected, given my inputs. So I am hitting the catch block. However I'm not able to retrieve the error message that's returned by the API call.

I've tried doing a console.out(error.response.data), but this returns null.

I've verified using Postman that the API call does return an error message in the response body, so the API isn't the problem.

What am I missing?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

kylanalis

Add To Favorites

Follow

Total Points: 438

Total Questions: 85

Total Answers: 102

Location: Barbados

Member since Sun, Nov 27, 2022

1 Year ago

kylanalis questions

1 How to pass State in Context React

Sat, Oct 2, 21, 00:00, 3 Years ago

1 How to get rid of or remove spinners/arrows in react-select?

Tue, Oct 13, 20, 00:00, 4 Years ago

1 [NodeJs][Sequelize] ReferenceError: Cannot access 'ModelName' before initialization

Sat, Apr 11, 20, 00:00, 4 Years ago

1 How can I load a local image in THREE.js?

Thu, Feb 13, 20, 00:00, 4 Years ago

1 trigger('change') is not working on Select

Tue, Jan 7, 20, 00:00, 4 Years ago

View All

answered 6 Years ago loganl · Accepted Answer

I tested it with Mocky and the error message is indeed returned in error.response.data.

const axios = require('axios');



// http://www.mocky.io/v2/5c06f6be3000009600d25953 (the mock api to call, it always returns 400 with an error message)



let service = axios.create({

    baseURL: http://www.mocky.io,

    responseType: json

});



service.post(/v2/5c06f6be3000009600d25953).then(result => {

    console.log('success', result);

}).catch(error => {

    console.log(error.response.data);

});

The code above prints Ooops, bad request!, as returned.

EDIT: apparently the problem you described can happen for a variety of reasons. See this issue.