如何解決刷新页面vuex中数据清空问题

在将一些数据放入vuex中的时候，会经常碰到页面刷新后数据清空的问题，我一般的实现方式是借用缓存，放入cookie，storage中。
一、放入cookie中的方法：
1.首先在组件或js文件中引入：
import Cookies from ‘js-cookie’

2.存入cookie：
Cookies.set(‘userId’, user.id)

3.从cookie中读取
let userId=Cookies.get(‘userId’)

二、放入local storage中的方法：
2.存入local storage：
localStorage.setItem(‘role_type’, JSON.stringify(role_type))

2.从local storage中读取：
let role_type=localStorage.getItem(‘role_type’)

从local storage读取的为字符串，看转换为json数据：
let role = JSON.parse(role_type)

总结：这样刷新页面，页面就不会报错了。