javascript - 使用 axios post 捕获错误正文

Question

我从我的后端代码发送一个状态代码 422，响应正文包含错误描述。我正在使用如下的 axios post 来发布请求:

post: function(url, reqBody) {
    const request = axios({
        baseURL: config.apiUrl,
        url: url,
        headers: {
            'Content-Type': 'application/json',
            'Authorization': sessionStorage.getItem('token')
        },
        method: 'POST',
        data: reqBody,
        responseType: 'json'
    });
    return request
        .then((res) => {
            return res;
        })
        .catch((error) => {
            console.log(error);
            return error;
        })
}

问题是当后端返回错误代码 422 时，我捕获的错误对象没有关于响应主体的信息。有什么方法可以检索错误文本？

Answer 1

我遇到了同样的问题，答案(根据 Axios >= 0.13)是专门检查 error.response.data:

axios({
    ...
}).then((response) => {
    ....
}).catch((error) => {
    if( error.response ){
        console.log(error.response.data); // => the response payload 
    }
});

参见 here了解更多详情。