Nuxtjs服务端渲染vuex实现数据持久化

实现步骤：

1.安装依赖

  yarn add vuex-persistedstate 或者 npm install vuex-persistedstate

2.根目录下的plugins 新建文件 vue-persistedstate.js (命名随意)加入如下代码

  //导入vuex持久化插件
  import createPersistedState from 'vuex-persistedstate'
  
  export default ({ store }) => {
      window.onNuxtReady(() => {
          createPersistedState({
              key: 'store' // 读取本地存储的数据到store
          })(store)
      })
  }

3.在nuxt.config.js 里导入插件

  plugins: [
        '~/plugins/router', // 这是项目其他的插件-忽略
        // 加入如下代码：需要和plugins中新建的文件对应，因为使用到windows,所以ssr:false,代表只在浏览器加载
        { src: '~/plugins/vue-persistedstate', ssr: false }
  ]

4.修改nuxt.config.js需要重启项目，重启后成功！