vue封装axios代码
时间: 2023-03-12 12:54:34 浏览: 127
vue中axios请求的封装实例代码
我可以给你看一下Vue封装Axios的代码,你可以复制并使用它:import axios from 'axios';export default {
install(Vue) {
// 创建axios实例
const instance = axios.create({
baseURL: 'http://www.example.com',
timeout: 1000
}); // 设置post请求头
instance.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'; // 请求拦截器
instance.interceptors.request.use(config => {
// 这里可以自定义一些config 配置 return config;
}, err => {
// 请求出错
return Promise.reject(err);
}); // 响应拦截器
instance.interceptors.response.use(response => {
return response;
}, err => {
// 响应错误
return Promise.reject(err);
}); // 将axios实例添加到Vue的原型上
Vue.prototype.$http = instance;
}
};
阅读全文