保持登录用户信息

Question

我设法用laravel护照登录。 我有令牌，很棒。 但我想保持登录用户信息，名称，头像等。

我的登录程序获得了oauth令牌。 在仪表板组件中，我对用户数据进行api调用。

我应该将它们保存在全局Vue对象中还是使用Vuex？ 安全吗？

Answer 1

您可能会考虑一些选项

• 将数据存储在cookie中
• 使用localStorage
• 将所有内容保存在根vue实例中
• 将所有内容保存在包装vue组件中

我的建议是在cookie中存储身份验证令牌 - 这是成功调用后端所必需的。 这将使您发送的每个请求都非常容易访问它。

要存储我建议的用户信息，要么创建包装组件，要么使用root vue实例。 以下示例应该清除这一点。

包装主组件（内联模板）

data: function() {
  return { userinfo: {} }
},

created: function() {
  // load your user info
}

然后在index.html / main视图中使用它

<body>
  <home inline-template>
    <!-- any stuff here -->

    <!-- pass the user prop to every component that is shown in the userinfo -->
    <router-view :user="userinfo"></router-view>
  </home>
</body>  

然后，路由器视图中显示的组件可以访问用户道具

示例组件

...

props: ['user'],

...

<template>
   <span>{{ user.name }}</span>
</template>

...

重要提示：要完成这项工作，您还需要添加props：true以定义您的路线。 这里详细解释了所有内容： https ： //router.vuejs.org/en/essentials/passing-props.html

备注：如果您不想在包装组件中加载userdata，可以将其加载到其他任何位置，并使用事件总线将结果传输到包装组件。 但是，您应始终只有一个关于用户信息的真相来源。 仅将其存放在一个地方。

Answer 2

我发现会话助手非常容易使用，它解决了全局使用oauth令牌的问题：

请参阅： https ：//laravel.com/docs/5.4/session，heading：全局会话助手