react axios封装方法
时间: 2023-08-29 19:12:58 浏览: 104
axios请求的封装
以下是一个简单的封装方法,使用axios库发送HTTP请求:
```javascript
import axios from 'axios';
const instance = axios.create({
baseURL: 'http://example.com/api/',
timeout: 5000,
headers: {'X-Custom-Header': 'foobar'}
});
export default function request(method, url, data = null) {
method = method.toLowerCase();
if (method === 'get') {
return instance.get(url, { params: data });
} else if (method === 'post') {
return instance.post(url, data);
} else if (method === 'put') {
return instance.put(url, data);
} else if (method === 'delete') {
return instance.delete(url, { params: data });
} else {
console.error(`未知的 method 类型:${method}`);
return false;
}
}
```
调用示例:
```javascript
import request from './request';
request('get', '/users', { page: 1, size: 10 })
.then(res => console.log(res.data))
.catch(err => console.error(err));
```
在示例中,我们首先创建了一个axios实例,并设置了一些默认配置。然后我们定义了一个request方法,接收三个参数:请求方法、请求URL和请求数据。根据请求方法的不同,我们使用不同的axios方法来发送请求。
最后,我们将request方法导出并在其他地方使用。
阅读全文