如何在 vue-resource 全局拦截器中访问vue实例

Question

1. 项目结构:

   main.js 
   app.vue
   home.vue

2. 我在main.js里写http拦截器, 然后根据 response 判断登录状态, 登录失效我想使用全局的弹窗提示重新登录, 全局提示采用 element 的 $message, 请问如何调用.

3. Vue.http.interceptors.push((request, next) => {
       next((response) => {
           //if 登录失效, 
           //Vue.$message('请重新登录');
       }
   }

Answer 1

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

next((response) => {
    //if 登录失效, 
    //Vue.$message('请重新登录');
}

}
改为如下,必须加上.prototype：
Vue.http.interceptors.push((request, next) => {

next((response) => {
    //if 登录失效, 
    //Vue.prototype.$message('请重新登录');
}

}

Answer 2

我的解决方式是,先在prototype挂载一个方法,然后在烂机器中调用