axios.creat
时间: 2024-08-09 19:01:12 浏览: 36
`axios.create()` 是 Axios 库的一个重要功能,用于创建可重用的 Axios 实例,它允许您设置默认配置,如超时时间、请求头、基础 URL 和其他自定义选项。
### 示例:
假设我们想要创建一个 Axios 实例并设置一些默认选项,比如 `baseURL` 和 `timeout`:
```javascript
const axiosInstance = axios.create({
baseURL: 'https://api.example.com',
timeout: 10000 // 设置请求超时时间为10秒
});
```
在这个例子中:
- **baseURL** 参数指定了 API 的基本 URL。当发起请求时,这个 URL 会自动添加到每个请求路径的前面。
- **timeout** 参数设置了请求的超时时间。如果请求在这段时间内还没有完成,则会被终止。
### 如何使用新创建的实例:
一旦你有了自定义的 Axios 实例,你可以像通常那样使用 `axios` 函数来发起 HTTP 请求,但它会使用你在 `create()` 方法中设置的默认选项:
```javascript
axiosInstance.get('/users')
.then(response => {
console.log('Users:', response.data);
})
.catch(error => {
console.error('Error fetching users:', error);
});
axiosInstance.post('/login', { username: 'user123', password: 'password123' })
.then(response => {
console.log('Login successful:', response.data);
})
.catch(error => {
console.error('Login failed:', error.response.data.message);
});
```
这些示例展示了如何使用创建的 Axios 实例发起 GET 和 POST 请求。通过这种方式,您可以轻松地在应用程序的不同部分复用相同的配置,从而减少重复代码和提高维护性。
### 相关问题:
1. 如何更改 Axios 实例的默认超时时间?
2. 在什么情况下应该使用 Axios 实例而不是直接使用 `axios` 函数?
3. 如何在 Axios 实例中设置自定义的请求头?
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.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)
![](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)