清除浏览器数据,vuex会默认state里的初始化数据,怎么解决?

image
刷新页面不会清除数据,但是清除浏览器数据,vuex会默认state里的初始化数据,各位大佬有什么好的解决方法?

阅读 4.6k
4 个回答

在组件里用this.$store.dispatch()传值给vuex,改变state初始化的值

new Vuex.Store({
    state: {
        data: sessionStorage.getItem('dataKey')||'default',
    },
    mutations: {
        setData(state, payload) {
            sessionStorage.setItem('dataKey', payload)
            // dosomething
        }
    }
})

用户点击清除所有浏览器数据,肯定会清除所有数据,不管是哪个网站的,还是cookie、sessionStorage、localStorage下的数据,都会清除。
有一个办法,就是把数据存储在服务器,检测到vuex没数据,从服务器拉取。

当你点击清除浏览器数据,如果勾选了Cookie及其他网站数据,cookie、localStorage、sessionStorage下缓存的数据都会被清除。
比如在系统的登录跳转做了登录用户信息的验证(导航守卫),这时一般是会退出当前登录系统的,然后再重新登录就可以了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题