封装一个axios请求
时间: 2023-10-05 08:06:18 浏览: 92
axios请求的封装
在使用axios之前,需要先安装axios,可以通过npm或者yarn进行安装:
```bash
npm install axios --save
```
```bash
yarn add axios
```
安装完成后,就可以进行封装axios请求了。下面是一个基本的axios请求封装示例:
```javascript
import axios from 'axios';
const instance = axios.create({
baseURL: 'http://api.example.com',
timeout: 10000,
headers: {
'Content-Type': 'application/json'
}
});
export default function request(options) {
return new Promise((resolve, reject) => {
instance(options)
.then(response => {
resolve(response.data);
})
.catch(error => {
reject(error);
});
});
}
```
这里封装了一个名为request的函数,该函数接受一个配置对象作为参数,该配置对象包含请求的url、方法、参数等信息。函数返回一个Promise对象,通过resolve和reject来处理请求成功和失败的情况。
使用该函数发送请求的示例代码:
```javascript
request({
url: '/user',
method: 'get',
params: {
name: '张三'
}
}).then(response => {
console.log(response);
}).catch(error => {
console.log(error);
});
```
这里发送了一个GET请求,请求的URL地址是http://api.example.com/user,请求参数为{name: '张三'}。请求成功后,会输出响应数据;请求失败后,会输出错误信息。
阅读全文