问题标签 [nuxt-auth]

我正在使用版本为4.9.1的@nuxt/auth包。

在用户关闭浏览器之前一切正常，当用户在登录后关闭浏览器并返回这样的绝对 URL 时，就会出现问题example.com/admin。

如何解决这个问题？

中间件/admin.js

页面/admin.index

@nuxt/auth 我有两个问题，第一个是 $auth.loggedIn 没有对更改做出反应，我的应用程序有以下代码，当我登录或注销时，我必须更改路由以使标题下面的反应和更改状态（隐藏或显示登录/注册和用户信息）是我的模板代码。

第二个是重定向没有自动工作（例如登录时它应该重定向到主页但没有任何反应）

我以前使用 Vuejs 并决定研究 NuxtJs。在我以前的应用程序中，我的服务器发送了一个客户端无法读取的 HttpOnly cookie。因此，对于身份验证，我尝试了 NuxtAuth，它有一些技巧，我注意到不可能使用 HttpOnly cookie 作为策略。我认为这是 SSR 的局限性。但是有没有办法将 HttpOnly Cookies 与 NuxtJs 一起使用？我的解决方案是仅在我有 cookie 的客户端上运行 API 请求。这似乎可行，但我认为这可能不是理想的解决方案。

那么，如何在 nuxt.config 中为 dev 和 prod env 设置 axios？当我使用 baseURL 属性时，我总是得到 cors，所以我尝试了有效的代理，但 cookie 被拒绝并显示以下消息：cookie“access_token_cookie”由于域权限无效而被拒绝。我认为这是因为代理是 dev 中的 localhost 对吗？有解决方案吗？

那么有什么想法可以在 Nuxt 中实现 HttpOnly 身份验证吗？

我有一个像这样的 Axios 插件：

在我的 nuxt.config 我有：

当我运行我的请求时，我得到一个auth undefined.

所以我尝试扩展Nuxt Auth 插件：

auth.js：

nuxt.config.js：

因此，我评论了 Axios 插件，并将其添加到 auth 部分，如 Nuxt Auth 文档中所示。当我运行请求时，它不会记录整个console.log('auth: ', $auth)跳过 $axios.interceptors.request.use((req) => {

我尝试使用 Nuxt Auth 模块设置 google 身份验证，但我从 google 收到以下错误：

这是我的配置

以及我如何在我的组件中调用 google auth：

我也尝试从这里运行官方演示： https ://github.com/nuxt-community/auth-module/tree/dev/demo 但我得到了同样的错误。

我正在尝试使用 cookie 在我的前端（用 NuxtJS 编写）上实现身份验证，而不是本地存储。

我正在使用 nuxt-auth 包，具有​​以下配置：-

我的后端是带有rest框架的django和带有以下配置的djoser：-

当我在前端调用 auth login 方法时，如下所示：-

这一切都按预期工作。

1. 前端调用 /auth/token/login。
2. 后端对用户进行身份验证并在浏览器中设置 cookie。
3. 前端调用 /auth/users/me 来返回用户数据，并且前端将 loggedIn 设置为 true。

但是当用户尝试在前端注销时，由于没有设置 CSRF 令牌，POST 请求失败。

我已经尝试了各种其他方法来设置这些东西，但它们似乎都没有更好的效果：-

1. 使用本地存储。

   • 这不是很安全，不应该使用

2. 使用 TokenAuthentication 而不是 SessionAuthentication

   • nuxt.config.js 看起来像这样：-

   auth: { strategy: { cookie: { token: { property: 'auth_token', type: 'Token', }, user: { property: false, }, endpoints: { login: { url: '/auth/token/login /'，}，用户：{ url：'/auth/users/me/'，方法：'get'，}，注销：{ url：'/auth/token/logout'，}，}，}，本地：错误的， }， }

   但是后端正在使用 auth_token 寻找 Authorization 的标头值，并且这不会在请求中发送。

我是以正确的方式接近这个还是我需要做的其他事情？我对这里的前端东西还很陌生，所以无法让它工作让我很生气，我真的很感激一些帮助。

我正在尝试让 Nuxt.js 使用 cookie 身份验证。我正在使用带有 cookie 设置的 nuxt-auth。带有 Passport 的 Laravel 后端。

我需要使用 Cookies 的原因是因为我计划将 nuxt 项目放在我的主域名上（使用登录名），然后将 app.mydomainname.com 用于实际应用程序。主网站也有使用身份验证的面向公众的页面。

这是我对 nuxt-auth 的 nuxt.js 的配置：

登录工作正常，但是当我查看我的 editthiscookie chrome 插件时，cookie 没有设置，因此对 /settings 的调用不起作用：

如您所见，cookie 只是设置为 true 而不是访问令牌。

任何有关配置的帮助都会有所帮助。

谢谢

我将 nuxt auth 与 laravel sanctum 一起使用，登录有效，但不再发送获取经过身份验证的用户的请求！ 登录成功证明

这是我的 nuxt.config.js

我正在尝试通过 IDP 联合与 azure AD 为 nuxt 应用程序添加身份验证。基本上 nuxt auth 调用 Azure B2C 租户并将其联合到 Azure AD。

过程如下。

Nuxt 身份验证 -> Azure B2C -> Azure AD（联合 IDP）

Azure AD 返回令牌作为联合的结果。

Azure B2C 将该令牌添加到密钥idp_access_token下的 ID 令牌中。然后 Nuxt auth 获取令牌并将其用于身份验证。

但成功登录后，它希望重定向到 /home 页面。

虽然它重定向它显示 431 错误。原因是大 cookie 包含

access token, refresh token

它没有重定向到给定的主页，而是给出如下屏幕截图所示的错误。

错误显示如下。

有没有办法解决这个问题？

我将节点版本从 12 升级到 15，删除了浏览器缓存和 cookie。但问题仍然存在。

我正在尝试使用 nuxt-auth 模块，我对该模块的设置是

我的“fetchactive”API 返回一个包含属性“userDetail”的 JSON，该属性是一个包含电子邮件地址的字符串（我也尝试将 userDetail 设为一个对象，但没有运气）。

例如

Nuxt auth 不断告诉我“用户数据响应不包含字段 userDetail”。

我还尝试将“property”设置为false，但在这种情况下，Nuxt auth 会寻找一个名为“false”的字段......我就是无法让它工作。

任何人都可以帮忙吗？