axios封装请求接口的方法可以通过创建一个axios实例,并使用该实例来发送请求。下面是一个axios封装请求接口的方法示例:
import axios from 'axios';
// 创建axios实例
const instance = axios.create({
baseURL: 'https://api.example.com', // 请求的基础URL
timeout: 5000, // 请求超时时间
headers: {
'Content-Type': 'application/json' // 设置请求头为JSON格式
}
});
// 封装GET请求方法
export function get(url, params) {
return new Promise((resolve, reject) => {
instance.get(url, { params })
.then(response => {
resolve(response.data);
})
.catch(error => {
reject(error);
});
});
}
// 封装POST请求方法
export function post(url, data) {
return new Promise((resolve, reject) => {
instance.post(url, data)
.then(response => {
resolve(response.data);
})
.catch(error => {
reject(error);
});
});
}
在上面的示例中,通过创建一个axios实例instance,并设置了基础URL、超时时间和请求头。然后封装了GET和POST请求方法,分别使用instance.get和instance.post发送请求。这样,你可以在项目中直接调用get和post方法来发送请求,并在成功或失败时通过Promise的resolve和reject返回结果或错误信息。