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封装


基础教程推荐
猜你喜欢
- Flask + html + Shell 实现nginx配置管理web平台 2023-10-27
- vscode代码格式化快捷键是什么(Windows/Mac/Ubuntu) 2024-12-14
- css实现元素垂直居中显示的7种方式 2023-12-30
- safari,opera嵌入iframe页面cookie读取问题解决方法 2024-02-12
- 单纯使用CSS实现动态提示信息 2022-10-16
- 表单上传功能实现 ajax文件异步上传 2023-02-14
- Next.js入门使用教程 2024-02-04
- vue DatePicker日期选择器时差8小时问题 2023-07-09
- 通过纯CSS样式实现DIV元素中多行文本超长自动省略号 2024-02-08
- css两种垂直居中对齐解决方案(小结) 2023-12-12