使用 Next-Auth 在控制台中记录错误的意外行为

【问题标题】：Unexpected behaviour of logging errors in console using Next-Auth使用 Next-Auth 在控制台中记录错误的意外行为
【发布时间】：2022-10-25 16:52:52
【问题描述】：

我正在使用 Next-auth.js 身份验证制作 Next.js 应用程序。该应用程序部署在 vercel 上。当我尝试打开我的应用程序时，它在控制台中显示错误。以下是错误列表：

加载资源失败：服务器响应状态为 500 ()
[next-auth][错误][CLIENT_FETCH_ERROR] https://next-auth.js.org/errors#client_fetch_error 服务器配置有问题。检查服务器日志以获取更多信息。
/api/auth/_log:1 加载资源失败：服务器响应状态为500()

【问题讨论】：

标签： next.js vercel next-auth

【解决方案1】：

可能是你忘记了'秘密'你的选项[...nextauth].js.自 Prod 中的 v4 以来，这似乎是强制性的。

https://next-auth.js.org/getting-started/upgrade-v4#missing-secret

我最近将一些项目迁移到 NextAuth v4.14

import NextAuth from "next-auth"
import GithubProvider from "next-auth/providers/github"
import GoogleProvider from "next-auth/providers/google";
export const authOptions = {
  // Configure one or more authentication providers
  providers: [
    GoogleProvider({
        clientId: process.env.GOOGLE_CLIENT_ID,
        clientSecret: process.env.GOOGLE_CLIENT_SECRET,
        
      })
    // ...add more providers here
  ],
  secret: process.env.SECRET
}
export default NextAuth(authOptions)

【讨论】：