Vue.js Vue:根据用户的页面类型在注销时重定向用户

Vue.js Vue:根据用户的页面类型在注销时重定向用户,vue.js,vuex,vue-router,Vue.js,Vuex,Vue Router,如果未经验证,我使用导航卫士不允许用户访问管理页面 router.beforeEach(function(to, from, next){ if (to.meta.requiresAuth && !store.getters.isAuthenticated) { next({name: 'site-login'}); } else { next() } }); requireauth用作管理页面上的元,isAuthenticatedia是一个在存

如果未经验证,我使用导航卫士不允许用户访问管理页面

router.beforeEach(function(to, from, next){
  if (to.meta.requiresAuth && !store.getters.isAuthenticated) {
    next({name: 'site-login'});
  }
  else {
    next()
  }
});
requireauth
用作管理页面上的元,
isAuthenticated
ia是一个在存储区(Vuex)检查用户状态的获取程序

当用户单击注销按钮时,我想检查用户在哪里。如果它处于打开状态,并且管理页面重定向到
/
,如果它位于正常页面上,只需重新加载当前页面即可

我想使用类似于上面的东西

 <button @click="logout">Logout</button>

 methods: {
      logout() {
        this.$store.dispatch('logout');
      }
    }
注销
方法:{
注销(){
此.$store.dispatch('logout');
}
}

注销创建一条特殊路径,并从那里发送
注销操作:

{
路径:'/logout',
名称:“注销”,
输入前(到、从、下一个){
store.dispatch('logout')。然后(()=>{
if(来自.meta.requireAuth){
返回下一个('/');
}
location.reload();
}
}
},
通过将用户重定向到此页面进行注销:


注销

注销创建一条特殊路径,并从那里发送
注销操作:

{
路径:'/logout',
名称:“注销”,
输入前(到、从、下一个){
store.dispatch('logout')。然后(()=>{
if(来自.meta.requireAuth){
返回下一个('/');
}
location.reload();
}
}
},
通过将用户重定向到此页面进行注销:


注销