vue-resource 拦截器使用详解

Vue.http.interceptors.push((request, next) => {

 console.log(this)//此处this为请求所在页面的Vue实例

 // modify request

 request.method ='POST'//在请求之前可以进行一些预处理和配置

 // continue to next interceptor

  next((response) => {//在响应之后传给then之前对response进行修改和逻辑判断。对于token时候已过期的判断，就添加在此处，页面中任何一次http请求都会先调用此处方法

    response.body ='...'

    returnresponse;

 });

});

// ajax.js

functionplugin(Vue){

  Object.defineProperties(Vue.prototype,{

    $$http:{

      get(){

        returnoption(Vue);

      }

    }

  })

}

functionoption(Vue){

  let v =newVue();

  return{

    get(a,b){

      let promise =newPromise(function(reslove,reject){

        v.$http.get(a,b).then((res)=>{

          reslove(res)

        },(err)=>{

            //处理token过期问题。

        })

      })

      returnpromise;

    }

  }

}

module.exports=plugin;

//main.js

import ajax from'./ajax.js'

Vue.use(ajax)