最近公司里的一个项目,登录之后用户的数据和权限保存在vux中,在各个页面调用,这里就遇到了vuex数据持久化的问题:登陆之后,数据保存进了vuex中,但是如果刷新了页面,数据就会被清空。
解决办法也很简单:
1.npm install vuex-persistedstate 安装依赖
2. 在store/index.js文件中添加下面代码
import persistedState from 'vuex-persistedstate'
在 export default new Vuex.Store中添加: plugins: [persistedState()]
即:
import persistedState from 'vuex-persistedstate'
export default new Vuex.Store({
getters,
state,
actions,
mutations,
plugins: [persistedState()]
})