来自 VueX 和 NuxtJS 的持久状态

2024-04-21

我使用 vuex-persistedstate 包(https://github.com/robinvdvleuten/vuex-persistedstate https://github.com/robinvdvleuten/vuex-persistedstate)在浏览器上保留数据状态。

我使用 Adonuxt(NuxtJS 和 AdonisJS 的混合体)。

在 VueX 操作中,我有这个操作:

nuxtClientInit ({commit}) {
      // I want get here state auth saved by persistedstate package
    }

此操作由插件调用:

本地存储.js

export default async (context) => {
  await context.store.dispatch('nuxtClientInit', context)
}

nuxt.js 插件(配置)

{
      src: '~/plugins/localstorage.js',
      ssr: false
    }

我想要获取状态来使用用户令牌配置 Axios:

this.$axios.setToken(auth.jwt.token, 'Bearer')

我的印象是 nuxtClientInit() 在 persistedstate 包之前被调用,所以state.auth为 null 但可以在控制台中观察到:


我用过https://www.npmjs.com/package/vuex-persist https://www.npmjs.com/package/vuex-persist保存来自 Vuex 的数据。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

来自 VueX 和 NuxtJS 的持久状态 的相关文章

随机推荐