axios 中 create 方法的作用以及用法
时间: 2023-11-16 17:44:08 浏览: 40
在使用 axios 发送请求时,我们通常需要为每个请求单独设置请求头、请求超时时间、拦截器等。如果每次发送请求都要设置这些东西,那么就会显得很麻烦和繁琐。这时候,axios 提供了一个 create 方法,可以创建一个新的 axios 实例,并在该实例中设置一些默认配置,这样在发送请求时就可以省略掉这些配置,使代码更加简洁。
create 方法的用法如下:
```javascript
import axios from 'axios';
// 创建一个 axios 实例
const instance = axios.create({
baseURL: 'https://api.example.com', // 设置默认的请求地址
timeout: 5000, // 设置默认的请求超时时间
headers: {'X-Custom-Header': 'foobar'}, // 设置默认的请求头
});
// 发送请求
instance.get('/user?id=12345')
.then((response) => {
console.log(response.data);
})
.catch((error) => {
console.log(error);
});
```
在上面的例子中,我们通过 create 方法创建了一个新的 axios 实例,并设置了 baseURL、timeout 和 headers 这三个默认配置项。当我们发送请求时,只需要调用该实例的方法即可,而不用再手动设置这些配置,如 `instance.get('/user?id=12345')`。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)