vue 3登录拦截需先搭骨架再填逻辑：1.用createrouter+createwebhistory建路由并标记requiresauth；2.beforeeach守卫依pinia状态判断，未登录跳/login并带redirect参数；3.pinia同步token防刷新丢失；4.处理动态路由、401响应和next()漏调等边界问题。
Vue 3 项目初始化阶段配置路由守卫实现登录拦截，核心是“先搭骨架、再填逻辑”，重点在于守卫触发时机、状态判断依据和跳转控制闭环。不需要一上来就写复杂权限，先把「未登录→跳登录」「已登录→放行/重定向」跑通即可。
1. 创建路由实例并启用 history 模式
使用 createRouter + createWebHistory 是 Vue Router 4 的标准写法，必须显式声明 history，否则报错：
- 避免用 hash 模式（
createWebHashHistory），除非有特殊部署限制；history 模式更符合后台系统语义，也便于后续服务端配合 - 路由表里给需要鉴权的页面加
meta: { requiresAuth: true }标记，比如首页、用户管理页等 - 白名单路径（如
/login、/404）不设该标记，方便守卫统一识别
2. 在 beforeEach 中实现基础拦截逻辑
全局前置守卫是登录拦截的主战场，关键点在于：判断依据要可靠、跳转目标要明确、避免死循环：
