必须彻底清空所有Store状态以避免权限错乱等问题，关键在于恢复初始快照而非仅删除值；需通过插件统一挂载$reset()方法，批量重置全部Store，并同步清理持久化数据、路由、Token、缓存及WebSocket等依赖项。
多账号登录切换时，必须彻底清空所有 Store 状态，否则旧用户数据会残留，导致权限错乱、菜单显示异常、接口凭证混用等严重问题。关键不是“删掉值”，而是“恢复到每个 Store 的初始快照”，同时兼顾持久化数据、路由、缓存等联动清理。
确保所有 Store 支持 $reset
Option Store（对象式定义）默认支持 $reset()，但 Setup Store（函数式定义）不支持，必须手动补全：
- 在 Pinia 实例初始化后，用 插件方式统一挂载 $reset：
// main.ts 或 pinia.ts
import { createPinia } from 'pinia'
const pinia = createPinia()
pinia.use(({ store }) => {
const initialState = JSON.parse(JSON.stringify(store.$state))
store.$reset = () => store.$patch(initialState)
})
- 这样所有 Store（无论 Option 还是 Setup）都拥有可用的 $reset() 方法，且重置结果与初始 state 完全一致。
批量重置全部 Store
退出或切换账号时，不能只重置用户相关 Store，而要覆盖全部业务 Store（如菜单、路由、资金、部门等），避免状态污染：
- 导出一个全局重置函数，遍历所有已注册 Store：
// stores/index.ts
import { getActivePinia } from 'pinia'
export const resetAllStores = () => {
const pinia = getActivePinia()
if (!pinia) return
pinia._s.forEach(store => {
try {
store.$reset()
} catch (e) {
// 忽略不支持 $reset 的 Store（极少见）
}
})
}
同步清理持久化数据
如果用了 pinia-plugin-persistedstate，调用 $reset() 不会自动清除 localStorage 中的数据，必须显式处理：
- 在重置 Store 后，立即调用对应 Store 的 $clearStorage() 方法：
- 或统一调用插件提供的全局清理方式（取决于插件版本）：
// 示例：逐个清理
import { useUserStore, useMenuStore, useRouteStore } from '@/stores'
const userStore = useUserStore()
const menuStore = useMenuStore()
const routeStore = useRouteStore()
// 先重置状态
resetAllStores()
// 再清空持久化缓存
userStore.$clearStorage?.()
menuStore.$clearStorage?.()
routeStore.$clearStorage?.()
联动清理其他依赖项
状态重置只是起点，还需同步处理关联模块：
-
路由表：调用
router.getRoutes().forEach(r => router.removeRoute(r.name))清空动态添加的路由，再重新生成当前用户路由 -
Token 与请求头：清除 localStorage 中的 token，并重置 axios 默认 header：
axios.defaults.headers.common['Authorization'] = '' -
导航栈/页面缓存：若使用 keep-alive，需手动清除匹配组件的缓存实例（如通过
include动态控制） -
定时器或 WebSocket 连接：在 Store 的
onUnmounted或登出逻辑中主动关闭
