vue3前端开发-小兔鲜项目-使用pinia插件完成token的本地存储
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
vue3前端开发-小兔鲜项目-使用pinia插件完成token的本地存储!实际业务开发中,token是一个表示着用户登录状态的重要信息,它有自己的生命周期。因此,这个参数值必须实例化存储在本地中。不能跟着pinia。因为pinia是基于内存设计的模块。一旦刷新了内存就会丢失token信息。
可以使用官方提供的插件来帮助我们快速实现localstorage的操控同步。当然了你也可以自己手写代码,去完成这个操作存储的流程。
1:安装本插件。
指令:
npm i pinia-plugin-persistedstate
yarn add pinia-plugin-persistedstate
pnpm i pinia-plugin-persistedstate
你可以自己根据个人的项目结构,自己选择。我们使用的是npm安装了。
完成后可以看见出现在了里面,有版本信息。
2:然后就在之前的pinia定义代码内增加一句话就行了。
如图,增加这个配置,为true。即可开启同步操作localstorage的内容了。
3:测试一下。
如图所示,确实是,同步操作成功了。存入了。
GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891
Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
更多推荐
已为社区贡献5条内容
所有评论(0)