如何在 Nuxt3 中使用 nuxtjs/auth-next 模块？答案

【问题标题】：How to use nuxtjs/auth-next module with Nuxt3?如何在 Nuxt3 中使用 nuxtjs/auth-next 模块？
【发布时间】：2022-12-15 09:39:12
【问题描述】：

只是尝试在nuxt/authconfiguration docs之后向我的 NuxtJs 3 应用程序添加身份验证，但在应用程序启动期间仍然出现错误：

// nuxt.config.js

export default defineNuxtConfig({
    auth: {
        // ...
    },
    modules: [
        // '@nuxtjs/axios',
        '@nuxtjs/auth-next'
    ],
})

@nuxtjs/axios 收到同样的错误，但我只是将其注释掉，因为它的官方 documentation 指示切换到 $fetch API。

无法弄清楚错误在哪里

【问题讨论】：

标签： vue.js authentication nuxt.js nuxtjs3 nuxt-module

【解决方案1】：

nuxt-auth 与此处所述的 Nuxt3 不兼容：https://github.com/nuxt-community/auth-module/issues/1805#issuecomment-1326287711

它在official roadmap 上，但仍未由核心团队完成。

您可以在线搜索自制解决方案。多亏了 Nuxt3 可组合项和一些逻辑，它完全可以在没有官方模块的情况下实现。

您可以同时使用that community one，作为confirmed here。

【讨论】：

谢谢，完全错过了，现在感觉有点傻
@fudo 一切都好，不丢人。发生在每个人身上。

【解决方案2】：

目前，Nuxt3 不支持 nuxt/auth 模块。

你可以在这里找到 Nuxt3 支持的模块列表https://nuxt.com/modules?version=3.x

【讨论】：

【解决方案3】：

你可以使用这个与 nuxt 3 兼容的 nuxt-auth 模块：https://nuxt.com/modules/nuxt-auth https://github.com/sidebase/nuxt-auth

【讨论】：

第三方维护者，但同时它确实是一个可行的解决方案。