在你上一段代码之后如何封装一个基于axiosInstance的post,get函数呢?
时间: 2023-06-10 17:05:16 浏览: 128
简单谈谈axios中的get,post方法
好的,我明白了。为了封装基于axiosInstance的post、get函数,我们可以按照以下步骤进行操作:
1. 首先,在项目中安装 axios 包,可以使用 npm install axios 命令进行安装。
2. 创建一个新的 axios 实例,可以通过axios.create()方法来实现:
```javascript
import axios from 'axios';
const axiosInstance = axios.create({
baseURL: 'https://api.example.com', // 设置请求的默认基础 URL
timeout: 5000 // 设置请求超时时间
});
```
在这里,我们创建了一个名为 axiosInstance 的新实例,并设置了默认的基础 URL 和请求超时时间。
3. 接下来,我们可以根据需要封装 post 与 get 函数。
```javascript
// 封装 get 请求函数
function get(url, params = {}) {
return axiosInstance.get(url, {
params: params
}).then(res => {
return Promise.resolve(res.data);
}).catch(err => {
return Promise.reject(err);
});
}
// 封装 post 请求函数
function post(url, data = {}) {
return axiosInstance.post(url, data).then(res => {
return Promise.resolve(res.data);
}).catch(err => {
return Promise.reject(err);
});
}
```
以上代码中,我们通过封装 get 和 post 函数,可以很方便的进行网络请求。在 get 函数中,我们通过 axiosInstance.get() 方法来发送请求,并将参数放在 params 中;在 post 函数中,我们通过 axiosInstance.post() 方法来发送请求,并将参数放在 data 中。
现在,我们已经成功地封装了基于 axiosInstance 的 post 和 get 函数。这些函数可以在项目的任何地方使用,并且通过修改 axiosInstance 来改变默认的请求配置。
阅读全文