关于vuex强刷数据丢失问题解析
程序员文章站
2022-04-09 12:08:18
vuex-persistedstate 核心原理:在本地存储中存入所有的vuex数据,页面刷新时到缓存中取数据,放到vuex中 下载:$ npm install vuex-persiste...
vuex-persistedstate
- 核心原理:在本地存储中存入所有的vuex数据,页面刷新时到缓存中取数据,放到vuex中
- 下载:
$ npm install vuex-persistedstate -s
- 在store中引入插件
vuex-persistedstate
默认使用localstorage储存,若想使用sessionstorage,可采用以下配置
- 若想使用cookie,可采用以下配置
- 下载:
$ npm install js-cookie -s
secure-ls
- 加密storage
- 当我们在vuex中保存了用户信息,虽然使用起来方便了很多,但是为了解决vuex刷新页面数据丢失的问题,使用了
vuex-persistedstate
插件,vuex-persistedstate
是没有加密的,用户的信息就暴露在缓存中, - 非常的不安全,所以需要配合
secure-ls
来加密storage - 下载:
$ npm install secure-ls -s
【注】vuex-persist(不兼容ie) vuex-persistedstate
到此这篇关于vuex强刷数据丢失的文章就介绍到这了,更多相关vuex数据丢失内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!