如何在组件中从 nuxtjs 的 auth 模块加载数据

Posted

技术标签:

【中文标题】如何在组件中从 nuxtjs 的 auth 模块加载数据【英文标题】:how to load the data from the auth module of nuxtjs in a component 【发布时间】:2020-06-08 17:55:19 【问题描述】:

我正在尝试访问组件中 @nuxt/auth 中的数据,但是当我登录并加载组件时,它不显示请求的数据,而是在刷新页面时显示数据。

什么是加载这些数据的理想方式,现在我正在这样做:

computed: 
  user() 
   return this.$auth.user;
  ,
,

【问题讨论】:

【参考方案1】:

$auth 不会在没有新请求到后端的情况下被动更改,因此computed 不是最好的地方。使用 asyncData 或 fetch 将此对象设置为简单的数据或状态似乎更好,甚至直接使用$auth.user

【讨论】:

以上是关于如何在组件中从 nuxtjs 的 auth 模块加载数据的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Nuxtjs 实现 Auth0 服务器端?

NuxtJS Auth 错误与属性不存在

@nuxtjs/auth 为啥刷新页面总是重定向到登录

使用本地策略实现 nuxtjs/auth 的问题

Vuex 模块 CORS 错误中的 Nuxtjs Axios

如何使用 Vue 类组件在 NuxtJs 项目中注册附加 Hook