手写一个aixos二次封装
以下是一个简单的axios二次封装:
import axios from 'axios';
const request = axios.create({
baseURL: 'https://api.example.com',
timeout: 5000,
});
const http = {
get(url, params = {}) {
return request({
method: 'get',
url,
params,
});
},
post(url, data = {}) {
return request({
method: 'post',
url,
data,
});
},
}
export default http;
使用时,可以像这样:
import http from './http';
// GET 请求
http.get('/users', { page: 1, limit: 10 })
.then(response => console.log(response))
.catch(error => console.error(error));
// POST 请求
http.post('/login', { username: 'admin', password: '123456' })
.then(response => console.log(response))
.catch(error => console.error(error));
本例中,我们使用axios.create()方法创建了一个axios实例,然后封装了get和post方法,分别对应GET和POST请求。在方法内部,我们使用封装后的实例去请求数据。这样可以让我们的代码更加简洁和易于维护。
原文地址: http://www.cveoy.top/t/topic/4xL 著作权归作者所有。请勿转载和采集!