Vue使用路由守卫 钩子对路由进行权限拦截和跳转

方法很简单 思路就是登陆成功后将服务端返回的用户信息（token,用户名）存到session或者localstorage中，router.beforeEach判断session是否有token值对路由进行拦截跳转，如果没有就定向跳转到登陆页

//使用钩子函数对路由进行权限跳转 router.beforeEach((to, from, next) => { document.title = `${to.meta.title} | vue-manage-system`; const token = sessionStorage.getItem('token'); if (!token && to.path !== '/login') { next('/login'); } // else if (to.meta.title) { // } else { next(); } });