vue app端登录判断
router.beforeEach((to, from, next) => { if (to.meta.requireAuth) { // 需要权限,进一步进行判断 if (store.state.login.token) { // 通过vuex state获取当前的token是否存在 next(); } else { //如果没有权限,重定向到登录页,进行登录 next({ path: '/login', // query: {redirect: to.fullPath} // 将跳转的路由path作为参数,登录成功后跳转到该路由 }) } } else { //不需要权限 直接跳转 next(); } })
{ path: '/user', name: '用户页', component: User, meta: { requireAuth: true, // 添加该字段,表示进入这个路由是需要登录才能进入的 }, }