nuxt 实现缓存信息到本地

`vuex`管理用户信息步骤(store)

1 安装插件

npm install --save vuex-persistedstate

2 需要创建一个 localStorage 自定义插件来引入第三方包

在创建好的 localStorage 的目录下添加一下代码

import createPersistedState from 'vuex-persistedstate'

export default ({store}) => {
    window.onNuxtReady(() => {
        createPersistedState({
            key: "store", // 读取本地存储的数据到store
        })(store)
    })
}

3 导入插件

修改 nuxt.config.js 配置文件，在plugins 配置项中新添加一条数据

// 其他代码...

plugins: [
    // 其他代码...
    { src: '@/plugins/localStorage', ssr: false }
],
      
// 其他代码...

4 重启项目即可