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();
}
}
},
通过将用户重定向到此页面进行注销:
注销