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


猜你喜欢
- CSS 透明度属性 2024-02-24
- 聊一聊Ajax的优缺点 2022-12-15
- 使用HTML5原生对话框元素并轻松创建模态框组件 2023-12-23
- firefox推荐与个人理解的css书写顺序 2023-12-14
- CSS实现移动端横向滚动导航条(PC端也适用) 2023-12-14
- vue后台返回格式为二进制流进行文件的下载方式 2024-01-16
- 详细谈谈ES6中的symbol数据类型 2023-08-08
- Express代理转发服务器实现 2023-08-08
- javascript开发随笔一 preventDefault的必要 2023-12-02
- JS添加删除一组文本框并对输入信息加以验证判断其正确性 2023-12-26