vue-resource http 인터셉터 내부에서 사용자를 리디렉션하는 방법

vue-resource http 인터셉터 내부에서 사용자를 리디렉션하는 방법

401이 있을 때 사용자를 리디렉션하고 싶지만 액세스할 수 없는 경우router이 맥락에서:

  Vue.http.interceptors.push(function(request, next) {
    // continue to next interceptor
    next(function(response) {
        if(response.status == 401){
            //redirect user here
            //tried: Vue.$router and Vue.$route 
        }

    });
  });

이걸 어떻게 만들까?

사용: Vue-router 및 Vue-resource

const router = new VueRouter({
  routes
})

Vue.http.interceptors.push(function(request, next) {
    // continue to next interceptor
    next(function(response) {
        if(response.status == 401){
            router.push(...) 
        }
    });
 });

참조URL: https://stackoverflow.com/questions/43175412/how-to-redirect-user-inside-vue-resource-http-interceptor