Axios是一个流行的前端HTTP请求库,它通常在发送请求时不会直接返回错误信息。相反,它会返回一个代表请求状态的对象,可以通过该对象的状态码来判断请求是否成功。
为了获取错误信息,可以使用Axios提供的错误处理机制。这包括使用.then()和.catch()方法,以及在请求拦截器和响应拦截器中处理错误。
以下是一个示例,展示了如何使用Axios来获取错误信息:
import axios from 'axios';
axios.get('/api/some_endpoint')
.then(response => {
// 请求成功,处理响应数据
console.log(response.data);
})
.catch(error => {
// 请求失败,处理错误信息
if (error.response) {
// 请求已发送并收到响应,但状态码不在2xx范围内
console.log(error.response.data);
console.log(error.response.status);
console.log(error.response.headers);
} else if (error.request) {
// 请求已发送但未收到响应
console.log(error.request);
} else {
// 发送请求时出错
console.log('Error', error.message);
}
console.log(error.config);
});
在上述示例中,如果请求成功,我们可以在.then()方法中处理响应数据。如果请求失败,我们可以在.catch()方法中处理错误信息。通过error对象,我们可以获取到错误的详细信息,包括错误状态码、响应头等。
请注意,错误处理可能会根据具体的后端API和错误响应方式而有所不同。上述示例仅提供了一种常见的处理方法。在实际开发中,您可能需要根据具体情况进行适当的调整。