我尝试在任何地方检索我登录的用户,但是当我重新加载页面时,它始终为null。
我从这个软件包中得到了启发,他们在其他js文件中调用用户并构建了中间件(来自middleware / admin.js中的示例)
https://github.com/cretueusebiu/laravel-vue-spa/blob/master/resources/js/store/modules/auth.js
在我的登录提示中:
this.$store.dispatch('fetchUser');
在我的store.js中
state: {
access_token: localStorage.getItem('access_token') || null,
user: null
},
getters: {
user(state){
return state.user
}
},
mutations: {
user(state, { user }){
state.user = user
}
},
fetchUser(context){
return new Promise((resolve, reject) => {
axios.get('/auth/user')
.then(response => {
context.commit('user', {user: response.data})
resolve(response)
})
.catch(error => {
reject(error)
})
})
},