因为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: [''],
})
]
})