Vue.js获得用户身份验证

时间:2019-12-28 16:26:08

标签: vue.js

我尝试在任何地方检索我登录的用户,但是当我重新加载页面时,它始终为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)
                    })
            })
        },

0 个答案:

没有答案
相关问题