vue项目里面,axios 如何实现不同接口的超时配置
时间: 2024-03-06 17:49:39 浏览: 65
在 Vue 项目中,可以通过创建多个 Axios 实例来实现不同接口的超时配置。具体实现步骤如下:
1. 在 Vue 项目中安装 Axios:
```bash
npm install axios --save
```
2. 创建多个 Axios 实例,并设置不同的超时时间:
```javascript
import axios from 'axios';
const instance1 = axios.create({
timeout: 5000 // 设置超时时间为 5s
});
const instance2 = axios.create({
timeout: 10000 // 设置超时时间为 10s
});
```
3. 在请求时使用对应的 Axios 实例:
```javascript
// 使用 instance1 发送请求
instance1.get('/api/url1').then(response => {
console.log(response);
}).catch(error => {
console.log(error);
});
// 使用 instance2 发送请求
instance2.get('/api/url2').then(response => {
console.log(response);
}).catch(error => {
console.log(error);
});
```
这样就可以实现不同接口的超时配置了。需要注意的是,创建 Axios 实例时可以设置其他配置项,如 baseURL、headers 等,具体可参考 Axios 官方文档。
阅读全文