axios拦截器

* 数据请求前拦截

* 数据请求得到结果后拦截

语法：

// 添加请求拦截器
  axios.interceptors.request.use(function (config) {
      // 在发送请求之前做些什么

      document.querySelector('p').className = "show"

      return config;
    }, function (error) {
      // 对请求错误做些什么
      return Promise.reject(error);
    });

  // 添加响应拦截器
  axios.interceptors.response.use(function (response) {
      // 对响应数据做点什么

      document.querySelector('p').className = ''

      return response;
    }, function (error) {
      // 对响应错误做点什么
      return Promise.reject(error);
    });

下面是vue代码：

new Vue({
    el: '#app',
    data: {
      movies: null
    },
    methods: {
      getData () {
        axios({
          url:"https://m.maizuo.com/gateway?cityId=110100&pageNum=1&pageSize=10&type=1&k=1384809",
          headers:{
            'X-Client-Info': '{"a":"3000","ch":"1002","v":"5.0.4","e":"154277371928424093566579"}',
            'X-Host': 'mall.film-ticket.film.list'
          }
        }).then(res=>{
          console.log('res',res)
          this.movies = res.data.data.films
        })
      }
    }
  })