vue3前端开发-小兔鲜项目-使用pinia插件完成token的本地存储!实际业务开发中,token是一个表示着用户登录状态的重要信息,它有自己的生命周期。因此,这个参数值必须实例化存储在本地中。不能跟着pinia。因为pinia是基于内存设计的模块。一旦刷新了内存就会丢失token信息。
可以使用官方提供的插件来帮助我们快速实现localstorage的操控同步。当然了你也可以自己手写代码,去完成这个操作存储的流程。
1:安装本插件。
指令:
npm i pinia-plugin-persistedstateyarn add pinia-plugin-persistedstatepnpm i pinia-plugin-persistedstate
你可以自己根据个人的项目结构,自己选择。我们使用的是npm安装了。
完成后可以看见出现在了里面,有版本信息。
2:然后就在之前的pinia定义代码内增加一句话就行了。
如图,增加这个配置,为true。即可开启同步操作localstorage的内容了。
3:测试一下。
如图所示,确实是,同步操作成功了。存入了。