localStorage和vuex-persistedstate不会持久保存页面刷新中保存的项目

时间:2018-11-19 17:34:18

标签: vue.js vuejs2 jwt persistence

我有一个vue应用程序,它使用laraveljwt进行了身份验证。

我需要在页面刷新期间保持状态。

function setAxiosHeaders(){
  let user = getLocalUser()
  if (user && user.token){
      axios.defaults.headers.common = {
          'Accept': 'application/json',
          'Authorization': `Bearer ${user.token}`
      }
  }
  return user
}
[...]
// during store init
const user = setAxiosHeaders()
store.commit('auth/user', user) 
[...]
// during login action
loginSuccess(state, payload){
  state.loading = false
  state.authError = null
  state.isLoggedIn = true
  payload.user.token = payload.access_token
  state.user = payload.user
  localStorage.setItem('user', JSON.stringify(state.user))
 },
 [...]

因此,基本上,在第二次刷新后,状态丢失并且localStorage中的用户项为空。

我想念什么?

0 个答案:

没有答案