import axios from 'axios'
// 创建一个axios的实例
const Axios = axios.create({
baseURL: '',
timeout: 5000,
headers: {
'Content-Type': 'application/json;charset=UTF-8'
}
})
// 添加请求拦截
Axios.interceptors.request.use(
config => {
// 在发送请求之前做些什么
return config
},
error => {
// 对请求错误做些什么
return Promise.reject(error)
}
)
// 添加响应拦截器
Axios.interceptors.response.use(
response => {
// 对响应数据做些什么
return response
},
error => {
// 对响应错误做些什么
return Promise.reject(error)
}
)
export default Axios
以上是编程学习网小编为您介绍的“Vue中如何实现Axios封装”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:Vue中如何实现Axios封装


基础教程推荐
猜你喜欢
- js 图片缩放特效代码 2024-02-08
- 手把手教你实现vue下拉菜单组件 2023-10-08
- Spring Boot 系列:Vue+Sping Boot +WebSocket实现前后端消息推送 2023-10-08
- 「HTML+CSS」--自定义加载动画【025】 2023-10-27
- 往xml中更新节点的实例代码 2023-01-20
- 通过fastclick源码分析彻底解决tap“点透” 2024-01-06
- Lodop打印控件如何去掉试用版字样 2024-12-14
- window.location.href = window.location.href 跳转无反应 a超链接onclick事件写法 2024-02-08
- Vuex 2023-10-08
- layui实现日历控件控制之前日期不可选择 2024-11-29