脚本宝典收集整理的这篇文章主要介绍了关于vuex强刷数据丢失问题解析,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
import persistedState From 'vuex-persistedstate' const store = new Vuex.Store({ // ... plugins: [persistedState()] })
vuex-persistedstate
默认使用localStorage储存,若想使用sessionStorage,可采用以下配置
import persistedState from "vuex-persistedstate" const store = new Vuex.Store({ // ... plugins: [persistedState ({ storage: window.sessionStorage })] })
$ npm install js-cookie -S
import Cookies from 'js-cookie'; import persistedState from "vuex-persistedstate" const store = new Vuex.Store({ // ... plugins: [persistedState ({ storage: { getITem: key => Cookies.get(key), setItem: (key, value) => Cookies.set(key, value), removeitem: key => Cookies.remove(key) } })] })
vuex-persistedstate
插件,vuex-persistedstate
是没有加密的,用户的信息就暴露在缓存中,secure-ls
来加密storage$ npm install secure-ls -S
import Vue from "vue"; import Vuex from "vuex"; import SecureLS from 'secure-ls'; import persistedState from "vuex-persistedstate"; const ls = new SecureLS({ encodingType: "aes", // 加密方式 isComPression: false, // 是否启用数据压缩 encryptionSecret: "old-beauty" // }); Vue.use(Vuex); export default new Vuex.Store({ ... plugins: [persistedState({ // key: "123123", // 存入storage是的key storage: { getItem: key => ls.get(key), setItem: (key, value) => ls.set(key, value), removeItem: key => ls.remove(key) } })], });
【注】vuex-persist(不兼容ie) vuex-persistedstate
到此这篇关于vuex强刷数据丢失的文章就介绍到这了,更多相关vuex数据丢失内容请搜索脚本宝典以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本宝典!
以上是脚本宝典为你收集整理的关于vuex强刷数据丢失问题解析全部内容,希望文章能够帮你解决关于vuex强刷数据丢失问题解析所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。