《axios返回值是什么》

在使用axios进行网络请求时，了解其返回值是十分重要的。解决方案：axios返回的是一个Promise对象，这个对象包含了请求的状态、结果等信息，通过正确处理这个Promise对象可以获取到我们需要的数据。

一、axios返回的Promise对象结构

当发起一个axios请求时，例如：

javascript
const instance = axios.create({
baseURL: 'https://api.example.com',
timeout: 1000,
});
instance.get('/user')

它返回的Promise对象有以下特点：
- 如果请求成功（状态码在2xx范围内），可以通过.then()方法来处理响应数据。此时Promise会resolve一个包含响应内容的对象，该对象主要属性包括data（服务器返回的数据）、status（HTTP状态码）、statusText（状态消息）、headers（响应头）和config（请求配置）。
- 如果请求失败，则可以通过.catch()方法捕获错误。错误对象中也会包含一些有用的信息，如message（错误描述）、response（如果有响应的话，类似于成功的响应对象）、request（原生的XMLHttpRequest对象）等。

二、不同的处理思路

1. 直接使用then和catch

javascript
axios.get('/user/12345')
.then(function (response) {
console.log(response.data);
console.log(response.status);
console.log(response.statusText);
console.log(response.headers);
})
.catch(function (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);
}
});


2. 使用async - await语法

javascript
async function getUser() {
try {
const response = await axios.get('/user/12345');
console.log(response.data);
} catch (error) {
if (error.response) {
console.log(error.response.data);
} else if (error.request) {
console.log(error.request);
} else {
console.log('Error', error.message);
}
}
}
getUser();


这两种思路都能很好地处理axios的返回值，开发者可以根据自己的项目风格和需求选择合适的方式。