Axios如何处理异步请求?
时间: 2024-10-25 19:03:07 浏览: 18
Vue页面使用Axios发送异步请求
Axios的设计本身就是异步的,它的每个HTTP请求都是通过Promise来管理的。当你发起一个请求时,它不会立即返回结果,而是返回一个Promise对象。当请求完成(成功或失败),Promise会解析或拒绝,让你能够获取到响应数据或者处理错误。
例如,`.then()`用于处理成功的响应,`.catch()`则用于捕获错误:
```javascript
axios.get('...')
.then(response => {
// 请求成功,response包含服务器返回的数据
console.log(response.data);
})
.catch(error => {
// 请求失败,error通常包含错误信息
console.error(error);
});
```
如果需要更复杂的处理流程,可以利用async/await语法,让代码看起来更加同步:
```javascript
async function fetchData() {
try {
const response = await axios.get('...');
// 等待请求完成,然后处理数据
console.log(response.data);
} catch (error) {
console.error(error);
}
}
fetchData();
```
阅读全文