使用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

对于使用await/async和Typescript的用户

try {
    const response = await axios.post(url, body)
} catch (error) {
    console.log(error.response.data);
}

Answer 2

AXIOS错误响应的“主体”取决于请求的响应类型。

如果你想了解这个问题的全部细节，你可以看到这篇博文：如何捕捉AXIOS中的错误主体。

总之，AXIOS将根据错误返回3个不同的实体：

>

axios.get('wrongSetup')
.then((response) => {})
.catch((error) => {
    console.log(error.message);
})

错误的网络请求：当我们试图访问的服务器根本没有响应时，就会发生这种情况。这可能是由于服务器关闭或URL错误。在这种情况下，我们可以使用错误来访问请求的信息。请求。

axios.get('network error')
.then((response) => {})
.catch((error) => {
    console.log(error.request );
});

错误状态：这是最常见的请求。任何返回的状态不同于200的请求都可能发生这种情况。它可以是未经授权、未被发现、内部错误等。当发生此错误时，我们可以通过访问下面代码段中指定的参数来掌握请求的信息。对于数据（如上所述），我们需要访问错误。回答数据。

axios.get('errorStatus')
.then((response) => {})
.catch((error) => { 
     console.log(error.response.data);  
     console.log(error.response.status);  
     console.log(error.response.headers); 
 })

Answer 3

我有同样的问题和答案（根据Axios

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

请参阅此处了解更多详细信息。