在Laravel中使用Vue/Axios加载当前用户

好的，我正在尝试找到将当前用户加载到我的vue应用程序中的最佳方法，这样我就可以从任何其他组件或路由中提取用户名和ID

现在我已经试过了：

app.js

new Vue({

el: '#app',

computed: {
    user(data) {
        return new Promise((resolve, reject) => {
            axios.get('/current-user')
                .then(response => {
                    resolve(response.data);

                    console.log(response.data);
                })
                .catch(error => {
                    reject(error.response.data);
                });
        });
    }
},
router
});

---

它可以很好地记录我的用户，但是我不能在任何刀片文件中调用

@{{user}}

。我应该如何在应用程序初始化时准确获取当前用户？

您的

用户

计算属性返回

承诺

对象非期望值

下面是我解决你问题的建议。您应该能够在刀片文件中成功地调用

@{{user}

。但是，要访问子组件中的

user

属性，您必须使用它们的

$parent.user

属性

就我个人而言，我建议你检查一下这是为此类案件。它是一个集中式状态存储解决方案，允许您访问（和管理）整个应用程序中的数据

newvue({
el:“#应用程序”，
数据（）{
返回{
用户：空
};
},
创建（）{
//当应用程序初始化时，将获取并保存用户
this.fetchUser（）；
},
方法：{
fetchUser（）{
axios.get（“/当前用户”）
。然后（响应=>{
this.user=response.data；
})
.catch（错误=>{
警惕（“出了什么事”）；
console.error（error.response.data）；
});
}
},
路由器
});

您的

用户

计算属性返回

承诺

对象不需要的值

下面是我解决你问题的建议。您应该能够在刀片文件中成功地调用

@{{user}

。但是，要访问子组件中的

user

属性，您必须使用它们的

$parent.user

属性

就我个人而言，我建议你检查一下这是为此类案件。它是一个集中式状态存储解决方案，允许您访问（和管理）整个应用程序中的数据

newvue({
el:“#应用程序”，
数据（）{
返回{
用户：空
};
},
创建（）{
//当应用程序初始化时，将获取并保存用户
this.fetchUser（）；
},
方法：{
fetchUser（）{
axios.get（“/当前用户”）
。然后（响应=>{
this.user=response.data；
})
.catch（错误=>{
警惕（“出了什么事”）；
console.error（error.response.data）；
});
}
},
路由器
});