封装Axios,实现对频繁重复请求的拦截
import axios from 'axios';
// 创建axios实例
const service = axios.create({
// API的base_url
baseURL: process.env.VUE_APP_BASE_API,
// 请求超时时间
timeout: 5000
});
// 请求拦截器
service.interceptors.request.use(
config => {
// 可以在这里添加请求头等信息
return config;
},
error => {
// 请求错误处理
console.log(error); // for debug
Promise.reject(error);
}
);
// 响应拦截器
service.interceptors.response.use(
response => {
// 对响应数据做处理,例如只返回data部分
const res = response.data;
// 根据业务需求处理,例如错误码处理等
return res;
},
error => {
// 响应错误处理
console.log('err' + error); // for debug
return Promise.reject(error);
}
);
export default service;
这段代码定义了一个封装了axios的服务,并实现了请求和响应的拦截器,用于处理请求前和请求后的逻辑。在请求拦截器中,可以添加例如token等认证信息,在响应拦截器中,可以处理例如401未授权等错误。这样可以避免在每个请求中重复处理这些逻辑。
评论已关闭