You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

部署到Nuxt Hub时@sidebase/nuxt-auth配置故障求助

Nuxt Hub部署@sidebase/nuxt-auth时的500错误排查

本地环境下配置@sidebase/nuxt-auth可正常运行:能加载页面、触发登录流程、通过Azure账号登录并获取用户信息。但部署到Nuxt Hub后,页面无法加载,且出现**GET api/auth/session [500],Cannot read properties of undefined (reading 'substring')**错误。请求已正确命中https://my-nuxt-hub-alias-url.nuxt.dev/api/auth/session,Azure应用中也已添加Nuxt Hub的回调URL,但问题仍未解决。

我的配置详情

Nuxt配置

import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify';

export default defineNuxtConfig({
  compatibilityDate: '2024-11-01',
  components: [
    {
        path: '~/components',
        pathPrefix: false,
    },
  ],

  nitro: {
    experimental: {
        openAPI: true
    }
  },

  devtools: { enabled: true },

  build: {
    transpile: ['vuetify'],
  },

  vite: {
    vue: {
        template: {
            transformAssetUrls,
        },
    },
  },

  auth: {
    globalAppMiddleware: false,
    isEnabled: true,
    originEnvKey: 'AUTH_ORIGIN',
    baseURL: `${process.env.AUTH_ORIGIN}/api/auth`,
    provider: {
        type: 'authjs',
        defaultProvider: 'azure-ad',
        addDefaultCallbackUrl: true,
    },
  },

  runtimeConfig: {
    authSecret: 'my generated secret',
    authOrigin: process.env.AUTH_ORIGIN,
  },

  modules: [
    '@nuxtjs/tailwindcss',
    (options, nuxt) => {
        nuxt.hooks.hook('vite:extendConfig', (config) => {
            // @ts-expect-error
            config.plugins.push(vuetify({ autoImport: true }))
        })
    },
    '@sidebase/nuxt-auth',
    '@nuxthub/core',
  ],
})

server/api/auth/[...].ts配置

import { NuxtAuthHandler } from '#auth';
import AzureAD from 'next-auth/providers/azure-ad';

export default NuxtAuthHandler({
  secret: useRuntimeConfig().authSecret,
  providers: [
    // @ts-ignore
    AzureAD.default({
        clientId: 'my client id',
        clientSecret: 'my client secret',
        tenantId: 'my tenant id',
    }),
  ],
});

Azure应用已添加的重定向URL

http://localhost:3000/api/auth/callback/azure-ad
https://my-nuxt-hub-alias-url.nuxt.dev/api/auth/callback/azure-ad

有没有成功在Nuxt Hub中部署sidebase认证的经验?希望能得到排查思路或解决方案。

内容的提问来源于stack exchange,提问作者Tyler Dahle

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.15 18:22:37