vue---攔截器
1.作用:
可以攔截每一條ajax請求,根據(jù)項目需求完成不同的針對
2.攔截點
一共有四個攔截點
(1)request
? ? ? ? ·? success
? ? ? ? ·? fail
(2)response
? ? ? ? ·? success
? ? ? ? ·? fail
3.vue-loading
作用:可以在用戶刷新頁面時骗污,加載動畫,并且在頁面出來時達到讓用戶不反感的效果
(1)安裝:
npm install vue-loading-template --save
(2)實戰(zhàn):
first導(dǎo)入:? 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)=>{
// 回復(fù)前該做點什么
this.isload=false
? return response
},error => {
//發(fā)生錯誤該做什么
? return Promise.reject(error)
})
? ? Axios.interceptors.request.use((config)=>{
// 回復(fù)前該做點什么
? ? this.isload=true
? ? ? return config
? ? },error => {
//發(fā)生錯誤該做什么
? ? ? return Promise.reject(error)
? ? })
? }
在vue里使用loading動畫
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 喜歡記得點贊哦
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? -----leinei