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