vuex 存储在 PAGE REGRESH 上丢失数据

Question

我正在 laravel 和 vuejs 中构建身份验证系统，我正在使用 JWT 构建并将令牌存储在 lacalstorage 中。我能够将用户数据存储在 vuex 存储中，是的，我可以在 devtool 的 vuex 区域下看到。问题是当我刷新页面时我失去了它。我想保留用户的信息，它不应该在页面刷新时被删除。我怎样才能做到这一点

import Vue from 'vue'
import Vuex from 'vuex'

import userStore from './components/user/userStore'

Vue.use(Vuex)

const debug = process.env.NODE_ENV !== 'production'


export default new Vuex.Store({
    modules : {
        userStore
    },
    strict : debug
})

Answer 1

您可以尝试将 Vuex 保存到 localstorage 或 cookie 中。

有一个插件可以帮助将您的状态保存到本地存储https://github.com/robinvdvleuten/vuex-persistedstate