路由独享守卫beforeenter是专为单个路由配置的同步守卫,只在访问该路由时触发,接收to、from、next参数,必须调用next()控制导航,常用于登录校验、角色权限判断及token过期解析等场景。

路由独享守卫(beforeEnter)是 Vue Router 中专为某条路由配置的权限校验入口,它只在访问该路径时触发,不干扰其他路由。相比全局守卫,它更轻量、更聚焦,适合保护敏感页面(如 /admin、/settings、/secret)。
明确守卫位置和基本结构
在路由配置对象中直接定义 beforeEnter 函数,它接收 to、from、next 三个参数:
-
to:目标路由信息(含 name、params、query、meta 等) -
from:来源路由信息 -
next:必须调用,决定导航行为(next()放行、next('/login')重定向、next(false)中断)
校验登录状态(基础场景)
最常见的是检查用户是否已登录。通常依赖 token 或用户状态标识:
vue-composition-api-best-practices
Vue 3 组合式 API 与
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章
