路由守卫结合 Pinia 实现自动登录的核心是守卫中主动恢复登录态：在 beforeEach 中调用 authStore.autoLogin() 检查并刷新 token，成功则放行，失败跳登录页；authStore 统一管理 token、用户信息及刷新逻辑，并同步响应式状态。
路由守卫结合 Pinia 实现自动登录，核心在于：在导航守卫中读取 Pinia 状态（如 token、用户信息），判断是否已登录；未登录则尝试刷新或静默登录，成功后放行，失败则跳转登录页。关键不是“拦截后跳转”，而是“守卫中主动恢复登录态”。
1. Pinia 中统一管理登录态与 token 刷新逻辑定义一个authStore，封装 token、用户信息、过期时间，并提供refreshToken和autoLogin
方法：
token 存 localStorage + store 双份，避免刷新丢失用 computed 暴露isAuthenticated，基于 token 是否存在且未过期autoLogin()是核心：先检查本地 token → 验证有效性（可发轻量 /me 或校验 JWT exp）→ 失效则调 refreshToken 接口 → 成功则拉取用户信息并 commit；全程返回 Promise，便于守卫中 await错误时清空状态，避免残留无效 token
2. 全局前置守卫中触发自动登录流程
在router.beforeEach中，对需认证的路由（如 /dashboard、/profile）执行自动登录检查：若authStore.isAuthenticated为 true，直接 next()若为 false，调用await authStore.autoLogin() autoLogin 成功 → next()；失败（如 refreshToken 401）→ next({ path: '/login', query: { redirect: to.fullPath } })注意：避免重复触发，可在 store 中加 loading 状态或防抖标记3. 登录页与 Token 获取后的状态同步用户手动登录成功后，除了存 token，必须立即同步到 Pinia 并触发响应式更新：灵活路由的PHP库灵活路由的PHP库下载登录接口返回 token 后，调用authStore.setCredentials(token, user)该方法内部应触发router.replace(to.query.redirect || '/')，实现登录后回跳确保所有依赖 isAuthenticated 的组件（如导航栏头像）能响应式更新，无需手动刷新页面4. 处理 Token 过期与静默刷新的边界情况自动登录不是万能的，需覆盖常见异常场景：用户关闭浏览器再打开：localStorage 有 token，但服务端已失效 → autoLogin 中的 /me 或 refreshToken 接口会失败，自然降级到登录页多标签页 token 不同步：监听 storage 事件，在其他标签页登出时，本页自动清空 store 并跳转网络中断时 autoLogin 超时：给autoLogin()加 timeout 封装，超时后 next('/login')，避免白屏卡死不复杂但容易忽略：自动登录的本质是“守卫中补全缺失的登录上下文”，Pinia 提供了响应式状态容器，而路由守卫提供了精确的拦截时机——二者配合，让登录态真正变成应用级的、可预测的、可调试的状态流。