vue---拦截器
1.作用:
可以拦截每一条ajax请求,根据项目需求完成不同的针对
2.拦截点
一共有四个拦截点
(1)request
· success
· fail
(2)response
· success
· fail
3.vue-loading
作用:可以在用户刷新页面时,加载动画,并且在页面出来时达到让用户不反感的效果
(1)安装:
npm install vue-loading-template --save
(2)实战:
first导入: import {VueLoading} from 'vue-loading-template'
second: 定义使用 :<vue-loading class="loading" type="bubbles" v-show="isload"></vue-loading>
third:请求拦截器 :
created() {
//请求拦截器
Axios.interceptors.response.use((response)=>{
// 回复前该做点什么
this.isload=false
return response
},error => {
//发生错误该做什么
return Promise.reject(error)
})
Axios.interceptors.request.use((config)=>{
// 回复前该做点什么
this.isload=true
return config
},error => {
//发生错误该做什么
return Promise.reject(error)
})
}
在vue里使用loading动画
喜欢记得点赞哦
-----leinei