问题标签 [nuxt-auth]

使用Nuxt-Auth，是否有官方方法可以检查路由是否受保护（即需要登录）？

在一些示例中间件中，执行“路由”的控制台日志会显示一个大型 JSON 有效负载，其中提到了middleware: 'auth'. 但是，这种方法有多可靠？如果 JSON 结构将来发生变化怎么办？

我正在开发一个 nuxt 应用程序，需要从 api 获取数据。数据只需要提供给登录用户。在我的 vuex 商店 index.js 中，我编写了以下代码：

以下工作，并在刷新时加载数据。但是 - 当用户登录时，nuxtserverinit 实际上不会触发，因为没有页面重新加载。处理它的正确方法是什么？

我看到很多人就类似的问题（如果不是同一个问题）发帖，但没有一个解决方案对我有用。

我有一个使用本地策略（电子邮件、密码）的标准身份验证网关，我想在成功的身份验证后重定向到 root（或他们的专用页面）。

它应该像this.$router.push('/')or一样简单，this.$router.push(user)但什么也没有发生。这是代码...

更奇怪的是，如果我去掉所有的代码，只是把路由器功能放进去，根本不会做任何事情。

让我补充一下...

如果我在任何地方添加console.log()到代码中，它将记录下来。我可以把它放在 http 请求之前，我可以把它放在之前，$toast或者我可以把它放在不成功之后this.$router.push('')，它会记录我输入的任何内容。

我为导航栏编写了以下代码：

其中包含在以下登录页面中：

使用正确的凭据登录后，页面会一直显示“登录”图标而不是欢迎消息。

我试图!$auth.loggedIn用loggedIn（来自数据函数）和用替换，!this.$auth.loggedIn"但两者似乎都不能解决问题

Noob 身份验证和 nuxt auth cookie 策略有问题。

我的后端是golang，登录成功后设置cookie

看到 httpOnly 存在问题，但这并没有影响我的问题。

我目前的配置最少。

我的问题是我设置了会话cookie，这意味着它在浏览器关闭后未设置（至少我是这样理解的）。但似乎 nuxt 不在乎是否有 cookie。

登录工作正常 - 我明白了loggedIn: true。但是当cookie被删除（浏览器关闭后）我仍然登录。

如果ssr: true我也收到此错误： [Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side render.

和网站挂起。

当cookie不存在时，有没有办法注销用户？或者我应该重新考虑我的方法？

尝试了其他配置选项，例如token.required:true等。还使用前缀更改 cookie 令牌名称auth.。但似乎没有任何帮助。

编辑：这是我的身份验证代码：

在标题部分我有：

第二次编辑：

更改了我的配置以尝试其他变体，并可能留下会话 cookie。

The client-side rendered virtual DOM tree is not matching server-rendered content.但当我关闭并重新打开浏览器时，我仍然收到。v-if="$auth.loggedIn"请注意，仅当我有带有or的代码时才会出现这种情况v-if="isAuthenticated"。难道我做错了什么？如果我用<client-only>标签包装它，它会解决警告，但看起来像是一个黑客。

我作为前端开发人员的第一份工作的第一个任务是堆栈，我知道我受到阻碍，但我希望你能帮助我。

我的任务和标题一样，配置前端使用b2c进行认证，我不用自己实现认证，只需要配置b2c，我会稍微解释一下项目，让大家理解更好的：

他们有一个已经完美运行并且稳定的主应用程序，他们想做的是建立一个平台，客户可以在那里发送他们的投诉，在这个平台上，每个客户都应该使用主应用程序的凭据自动登录应用程序。

他们为我提供了 entrypontins（用于授权、令牌端点和结束会话端点）、jwks uri 和 cliendID，该应用程序是在 Nuxtjs 中构建的，并且他们使用 Azure AD B2C 作为目录服务。该应用程序绝对是空的，它刚刚创建，我必须做的配置是应该实施的第一件事。

我在网上找到了很多理论信息，但我无法找到可以帮助我实际实现它的指南，并且大多数实践教程/文档都是关于实现身份验证的全过程。

我想知道你们中的一些人是否知道一个很好的教程或指南或可以帮助我向前迈出几步的东西。

我先谢谢大家了！！

我已经使用 dj-rest-auth / django allauth 设置了社交身份验证。端点期望此信息为 JSON：

不幸的是，在我看来，Nuxt Auth 假设后端应该从 URL 中提取信息，尽管它将它作为 POST 请求发送。所以发生的事情是：我点击继续使用 Google > Nuxt auth 将我推送到 google > Google 将我推送到我的回调 URL，其中包含 URL 中存在的所有信息.. Nuxt Auth 获取该 URL 并按原样发送。

所以我有两个选择：

1. 我是否尝试修改后端，感觉相当麻烦。
2. 我是否以某种方式覆盖 Nuxt Auth？我在这里相当无知。

文档谈论创建自定义方案： https ://auth.nuxtjs.org/guide/scheme

但从那时起，我真的不知道如何定制实际发出的后期请求。帮助将不胜感激。

我的 NUXT.CONFIG.JS：

编辑：解决了我遇到的问题，这是由 Axios 覆盖 nuxt auth 方法引起的。当内容类型设置为 JSON 时，我意识到有些东西不对劲，但发送的正文好像是 x-www-urlencoded。

我正试图围绕 oauth2 进行思考，所以我实际上知道我在做什么，但并非一切都清楚。

我知道在 OAuth2 中我们有各种可用的流程。很受欢迎的是（我认为）：

• 授权码授予
• 隐式授权
• 密码授予

在我的 SPA 中，我使用https://auth.nuxtjs.org/来处理用户授权。在后端，有 Laravel Passport。这个 auth 模块为我们提供了对 OAuth 的内置支持，以及在它之上的一些额外的抽象层——比如 Laravel Passport。我知道这些提供者是某种方案的扩展，是为特定服务预先配置的。

我不确定本地方案（https://auth.nuxtjs.org/schemes/local）之间有什么区别，如下所示：

还有 Laravel Passport 提供程序（https://auth.nuxtjs.org/providers/laravel-passport），它的工作原理是这样的（这个我无法工作）：

他们不是一回事吗？我的意思是 Passport 只是一个 Oauth 的东西，我在那里发送凭据，所以我假设它是我的第一个示例中的密码授予流程？

如果在基于 Oauth 方案的护照提供商中，我是否grantType:client_credentials也会将其视为密码授予流程？

它变得更加令人困惑，因为当我尝试使用 Passport Provider 时，重定向的工作方式有所不同。

我不知道该选择什么以及如何理解整个过程。

在使用 Nuxt Auth 的社交策略时，我发现添加加载微调器以获得更好的用户体验有些困难。首次请求时不加载，返回回调 URL 时也不加载。

我正在使用像往常一样在 Nuxt.config.js 中添加的自定义微调器： loading: '~/components/loading.vue',

在我的页面/登录中，这不起作用：

我现在最大的问题是在回调 URL 中添加某种加载器，但同时拥有两者会很好。

我正在使用 nuxt (2.15.8) 创建一个应用程序，并且我正在使用 @nuxtjs/auth (4.9.1) 进行身份验证。我使用本地策略登录用户

在本地工作时，用户可以毫无问题地登录/注销。登录后，您可以刷新页面并保持登录状态，这正是我想要的。

问题出现在登台服务器上。我可以毫无问题地登录，但是一旦我刷新页面，我就会自动注销并进入登录页面。

同样奇怪的是，当这种情况发生时，cookies 和本地存储中的auth._token.local不是空的，我仍然可以看到令牌，但我必须再次登录。