因为vuex中的state是存储在内存中的,一刷新就没了,例如登录状态;
解决方案有:
第一种:利用H5的本地存储(localStorage,sessionStorage);
第二种:利用第三方封装好的插件,例如vuex-persistedstate;
- 安装: npm i vuex-persistedstate --save;
- 引入及配置;
在store下的index.js中
import { createStore } from 'vuex'
import createPersistedstate from 'vuex-persistedstate'
export default createStore({
modules: {
user,
cart,
category
},
plugins: [
createPersistedstate({
key: 'erabbit-client-pc-store',
paths: [''],
})
]
})
版权声明:本文为Alone_Endeavor原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。