nuxt 登录状态持久化
Sonder
2021-04-10
546字
1分钟
浏览 (3.7k)
由于路由切换以及页面进行刷新时,vuex会丢失数据,所以需要一个办法来在做这些操作时保存数据;
这里使用的是vuex-persistedstate这个插件:
安装命令:
yarn add -S vuex-persistedstate
然后新建插件localStorage.js:默认使用localStorage,也可以使用sessionStorage以及cookie
import createPersistedState from 'vuex-persistedstate'
export default ({store}) => {
createPersistedState({
storage: sessionStorage,
})(store)
}
在nuxt.config.js中添加
plugins: [
{ src: '~/plugins/localStorage.js', ssr: false }
],
注意:由于获取storage需要window对象,所以注入的时候记得 ssr:false
,否则会报window