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