部署到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
相关产品推荐
相关产品推荐

