登录拦截校验需在全局前置守卫中判断目标路由是否含meta.requiresauth标识,并检查localstorage中的token是否存在;未登录则跳转/login并携带重定向参数,已登录则放行,同时应校验token过期等有效性。

在全局前置守卫中实现登录拦截校验,核心是判断目标路由是否需要认证,并检查当前用户是否具备有效登录状态。只要逻辑清晰、状态来源可靠,整个过程很直接。
明确哪些路由需要拦截
在路由配置中,为受保护的页面添加 meta.requiresAuth: true 标识:
- /dashboard、/profile、/order 等业务页应设为 requiresAuth: true
- /login、/register、/public 等公开页不加该字段或显式设为 false
- 支持嵌套路由:只要任意一层 matched 路由有 requiresAuth,就触发校验
在 beforeEach 中执行校验逻辑
守卫函数接收 to、from、next 三个参数。关键操作是:

