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

Question

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

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

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