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封装
基础教程推荐
猜你喜欢
- 简单谈谈AJAX核心对象 2022-10-17
- 基于JavaScript定位当前的地理位置 2023-12-14
- Chrome安装vue-devtools插件 2023-10-08
- 基于CSS3的CSS 多栏(Multi-column)实现瀑布流源码分享 2024-01-17
- css3让div随鼠标移动而抖动起来 2023-12-21
- Vue使用Swiper封装轮播图组件的方法详解 2024-01-16
- 详解超简单的react服务器渲染(ssr)入坑指南 2023-12-26
- 动态调用CSS文件的JS代码 2023-12-13
- 使用XHTML1.0 Strict中需要特别注意的地方 2022-11-06
- JavaScript中document.referrer的用法详解 2024-01-12
