Next-Auth 警告问题答案

【问题标题】：Next-Auth warning-issueNext-Auth 警告问题
【发布时间】：2022-06-17 20:15:20
【问题描述】：

我正在研究 Facebook 克隆代码。我对 Next.js 很陌生

它向我抛出了一个错误，我不确定它是标准的还是我的代码中的一些错误。

https://next-auth.js.org/warnings#no_secret
[next-auth][warn][NO_SECRET]

谁能解释一下？

[...nextauth].js
import NextAuth from "next-auth"
import FacebookProvider from "next-auth/providers/facebook";

export default NextAuth({
    // Configure one or more authentication providers
    providers: [
        FacebookProvider({
            clientId: process.env.FACEBOOK_CLIENT_ID,
            clientSecret: process.env.FACEBOOK_CLIENT_SECRET
        })
    ]
})

import '../styles/globals.css'
import {SessionProvider} from "next-auth/react"

function MyApp({ Component, pageProps }) {
  return (
    <SessionProvider>
      <Component {...pageProps} />
    </SessionProvider>
  
  )}

export default MyApp

FACEBOOK_CLIENT_ID=495472355295570
FACEBOOK_CLIENT_SECRET=secret is from facebook for developers
NEXTAUTH_URL=http://localhost:3000```

【问题讨论】：

你需要在生产中提供一个秘密，见next-auth.js.org/configuration/options#secret。

标签： next.js facebook-authentication next-auth

【解决方案1】：

试试这个：

[...nextauth].js
import NextAuth from "next-auth"
import FacebookProvider from "next-auth/providers/facebook";

export default NextAuth({
    // Configure one or more authentication providers
    providers: [
        FacebookProvider({
            clientId: process.env.FACEBOOK_CLIENT_ID,
            clientSecret: process.env.FACEBOOK_CLIENT_SECRET
        })
    ],
secret: process.env.YOUR_SECRET
})

只要加上秘密就可以了

【讨论】：