error.response.data is being a string when the data is JSON

[MicroDroid]

Identical to #378

I'm using Axios version 0.15.3.

After my function failing, I added a console.log:

function extractError(error) {
	var result;
	console.log(error.response.data);
	if (error.response) {
		if (error.response.data.error)
			result = error.response.data.error + "!";
		else if (error.response.data.errors)
			result = error.response.data.errors.map(error => error.title).join(', ');
		else
			result = "Internal error!";
	} else {
		result = "Network error!";
	}
	return result;
}

and in the console, I'm getting this:

Which is purely a string and not an object, as accessing any of the field results in undefined

oh, and the function is used like:

// do something with axios
.catch(error => {
    this.message = extractError(error);
})

[dima74]

It happens for me only if response is not valid json. So I advice you recheck your server response.

[ariellevitsky]

You are likely getting a string response because you're converting the error into a string type by concatenating it with the "!".

[cubiczx]

On Axios 0.18 say Uncaught (in promise) TypeError: error.response.data.errors.map is not a function

[nadim]

I'm seeing it as well, and am not modifying the response in the catch block.

      console.log(error.response.data)
      console.log(typeof(error.response.data))

{ status: 'ASDF'}
string

From response headers: content-type: application/json;charset=UTF-8

From package.json: axios@0.18.0

[MicroDroid]

I actually somehow go around that like a few days ago of posting this issue. I feel extremely guilty for not posting the solution here. In fact, I don't remember what I have done to make it work. 🤷‍♂️

[nadim]

Is it for certain status codes only? It's happening on a 401 error for me, where I would like to parse the response.

[chinesedfan]

Seems @MicroDroid has solved his problem. For others, feel free to open a new issue if it is still there.