我有一个vue
应用程序,它使用laravel
向jwt
进行了身份验证。
我需要在页面刷新期间保持状态。
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
中的用户项为空。
我想念什么?