axios.create的作用
时间: 2023-08-26 10:15:02 浏览: 262
Vue官方推荐AJAX组件axios.js使用方法详解与API
axios.create 是 axios 库中的一个方法,它的作用是创建一个新的 axios 实例。通过这个方法创建的实例可以独立配置和使用,方便在一个应用中同时发起多个不同的请求。
使用 axios.create 方法可以传入一个配置对象,用来设置该实例的默认配置。这些默认配置会被应用到该实例的每一个请求中。例如,可以设置默认的请求头、超时时间、响应拦截器等。
通过创建多个 axios 实例,可以灵活地管理不同的请求,各自拥有独立的配置。这在大型应用中经常用于处理不同的 API 地址、请求头等场景。
下面是一个使用 axios.create 方法创建实例的示例:
```javascript
import axios from 'axios';
const instance = axios.create({
baseURL: 'https://api.example.com', // 设置基础URL
timeout: 5000, // 设置超时时间
headers: { // 设置请求头
'Content-Type': 'application/json',
'Authorization': 'Bearer xxxxxxxx'
}
});
instance.get('/users')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
在上述示例中,我们通过 axios.create 方法创建了一个名为 instance 的 axios 实例,并设置了 baseURL、timeout 和 headers 等默认配置。然后,我们可以通过该实例发起请求并处理响应。
总之,axios.create 的作用是创建一个可以独立配置和使用的 axios 实例,使我们能够更好地管理和控制请求。
阅读全文