前端获取接口报400错误时返回的响应数据的方式

后端接口在处理请求时，如果发生错误，采用 throw Error() 的方式处理，这样前端请求的结果为：

对应的响应数据：

这时如果我们在代码中直接采用 try catch 来捕获并输出错误信息时，会发现是以下结果：

onError: (err) => {
    console.log('err', err)
}

控制台输出：

这并不是我们想要的 response 的数据。为什么结果会是这样呢？

这里如果直接输出 err，其实等于输出 error.message。

我们想要获取接口的返回的数据的话，其实是通过 error.response 来获取：

onError: (err) => {
    console.log('err.response: ', err.response)
}

控制台输出：

可以看到，我们想获取的接口返回数据在 err.response.data 里面，其他想要的数据也可以通过 error.response 来查看。