如何封装一个axios请求
时间: 2023-10-05 08:06:18 浏览: 130
可以按照以下步骤封装一个axios请求:
1. 安装axios:在命令行中使用 `npm install axios` 安装axios。
2. 创建一个api.js文件,在该文件中引入axios模块,并创建一个axios实例。
```
import axios from 'axios';
const instance = axios.create({
baseURL: 'http://your.api.url',
timeout: 10000,
headers: {
'Content-Type': 'application/json;charset=utf-8'
}
});
```
其中,baseURL是api的基础url,timeout是请求超时时间,headers是请求头信息。
3. 封装请求方法:可以根据需要封装不同的请求方法,如get、post、put、delete等。以get请求为例:
```
export const get = (url, params) => {
return new Promise((resolve, reject) => {
instance.get(url, { params }).then(res => {
resolve(res.data);
}).catch(err => {
reject(err);
});
});
};
```
其中,url是请求的url,params是请求的参数。
4. 在需要调用api的地方引入api.js文件,并使用封装好的请求方法进行调用。
```
import { get } from 'api';
get('/api/test', { id: 1 }).then(res => {
console.log(res);
}).catch(err => {
console.error(err);
});
```
这样就完成了一个简单的axios请求的封装。
阅读全文