import axios from 'axios';
// 方法一:封装axios实例
const http = axios.create({
baseURL: '/api', // 接口的基础URL
timeout: 5000 // 请求超时时间
});
// 方法二:设置请求拦截器
http.interceptors.request.use(
config => {
// 在请求发送之前做一些处理,如添加token等
return config;
},
error => {
return Promise.reject(error);
}
);
// 方法三:设置响应拦截器
http.interceptors.response.use(
response => {
// 对响应数据进行处理,如统一的错误处理
return response.data;
},
error => {
return Promise.reject(error);
}
);
// 方法四:创建API接口函数
const api = {
getUserInfo: () => http.get('/user/info'),
login: (params) => http.post('/user/login', params)
};
export default api;
以上是在Vue项目中优化axios请求的几种常用方法,可以根据实际需求选择合适的方法进行使用。