我要完成功能是,点击企业微信链接,扫描二维码成功后带上code,将code发给后端拿到token,直接进入页面,需要跳过login页面,也就是说需要在前置守卫 beforeEach 中处理登录的逻辑,但是在使用 pinia-plugin-persist 插件的时候本地存储无效,就出现了一个画面,进去是进去了,但是一刷新就退出来了,主要还是因为token本地没保存成功...
pinia-plugin-persist 没有起作用的原因
pinia-plugin-persist 插件会在导航完成后(也就是next()执行后)自动将 Store 的数据保存在本地,如果将 Store 定义在 beforeEach 外面,那么在导航完成前,Store 还没有被创建,因此无法将数据保存在本地。
将 Store 定义在 beforeEach 里面,可以保证 Store 在导航完成前就已经被创建了,因此就可以将数据保存在本地(localStorage)
所以要使用 pinia-plugin-perist 保存本地数据,一定要将 Store 放在 beforeEach 里面才有效。