自定义页面

要启用自定义页面，请将以下内容添加到您的 Auth.js 配置中。在 pages 对象中，键是页面的类型，值是页面所在的路径/路由。请确保您在指定的路由中确实存在页面。

./auth.ts

import { NextAuth } from "next-auth"
import GitHub from "next-auth/providers/github"
 
// Define your configuration in a separate variable and pass it to NextAuth()
// This way we can also 'export const config' for use later
export const config = {
  providers: [GitHub],
  pages: {
    signIn: "/login",
  },
}
 
export const { signIn, signOut, handle } = NextAuth(config)

/src/routes/[email protected]

import { QwikAuth$ } from "@auth/qwik"
import GitHub from "@auth/qwik/providers/github"
 
export const { onRequest, useSession, useSignIn, useSignOut } = QwikAuth$(
  () => ({
    providers: [GitHub],
    pages: {
      signIn: "/login",
    },
  })
)

src/auth.ts

import SvelteKitAuth from "@auth/sveltekit"
import GitHub from "@auth/sveltekit/providers/github"
import type { Provider } from "@auth/sveltekit/providers"
 
const providers: Provider[] = [GitHub]
 
// Export this map of provider details to use in the sign-in page later
export const providerMap = providers.map((provider) => {
  return { id: provider.id, name: provider.name }
})
 
export const { handle, signIn, signOut } = SvelteKitAuth({
  providers,
  pages: {
    signIn: "/signin",
  },
})

src/hooks.server.ts

export { handle } from "./auth"

src/routes/auth.route.ts

import express from "express"
import { ExpressAuth } from "@auth/express"
import GitHub from "@auth/express/providers/github"
 
const app = express()
 
app.set("trust proxy", true)
app.use(
  "/auth/*",
  ExpressAuth({
    providers: [GitHub],
    pages: {
      signIn: "/signin",
    },
  })
)

要继续设置自定义页面，请查看我们关于自定义页面指南。

保护资源部署

自定义页面

关于 Auth.js

下载

鸣谢