封装axios的方法可以采用以下步骤:
创建一个axios实例:使用axios.create()方法创建一个axios实例,并进行一些全局设置,例如设置baseURL、设置请求头等。
创建封装函数:根据需要封装各种请求方法,如GET、POST等。在这些函数中,可以通过调用axios实例的方法来发送请求,并对请求进行一些处理,例如设置请求头、处理响应结果等。
导出封装函数:将封装的函数通过export导出,以便在其他地方引入和使用。
以下是一个封装GET请求的示例代码:
import axios from 'axios';
// 创建axios实例
const instance = axios.create({
baseURL: 'https://api.example.com', // 设置请求的baseURL
timeout: 5000, // 设置请求超时时间
headers: {
'Content-Type': 'application/json', // 设置请求头的Content-Type
},
});
// 封装GET请求方法
export function get(url, params) {
return new Promise((resolve, reject) => {
instance
.get(url, { params })
.then(response => {
resolve(response.data);
})
.catch(error => {
reject(error);
});
});
}
在其他地方可以通过import导入get函数,并调用该函数发送GET请求:
import { get } from './api';
get('/user', { id: 1 })
.then(data => {
console.log(data);
})
.catch(error => {
console.error(error);
});
通过类似的方式,可以封装其他类型的请求方法,例如POST、PUT等。