Laravel vuex存储在页面重新刷新时丢失数据

我正在laravel和vuejs中构建身份验证系统，我正在使用JWT构建身份验证系统，并将令牌存储在lacalstorage中。我能够在vuex store中存储用户数据，是的，我可以在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
})

---

您可以尝试将Vuex保存到本地存储或cookie

---

有一个插件可以帮助您将状态保存到本地存储

您可以尝试使用此插件

一个支持Typescript的Vuex插件，使您能够将应用程序的状态保存到持久化存储中，如Cookie或localStorage

---

我也有同样的问题。我就是这样解决的：

state: {
    authenticated: localStorage.getItem('yourToken')
}

现在，您可以在

操作：{}

或其他任何地方将您的

this.authenticated

设置为true或false。 这意味着您必须在默认情况下将您的

localStrage

存储到您的，即

autenticated

。 如果你不能理解，就告诉我，我可以给你更多的例子，我的情况。也许你会这样想的

编辑：

---

使用

sessionStorage

存储。

thanx，但即使在页面刷新后，我的令牌仍在本地存储中，但没有从vuex存储中丢失。抱歉，我无法理解您的问题？我在本地存储中为该用户提供了jwt令牌，它在本地存储中。。。只有我丢失了vuex的存储部分，即刷新后代码中的userStore，刷新后userStore显示null…所以您也可以将userStore保存到localstorage！