Next.js13+NextAuth部署Vercel后始终调用localhost问题求助

• 检查Vercel环境变量配置
  把NEXTAUTH_URL设为Vercel分配的完整域名（比如https://your-project.vercel.app），不要加末尾斜杠。修改环境变量后必须手动触发一次Vercel部署，确保新配置生效。

• 改用自动域名检测（Next.js 13+推荐）
  Next.js 13的app目录下，NextAuth支持自动识别当前部署域名，无需手动设置NEXTAUTH_URL。直接删除本地和Vercel上的该环境变量，同时检查你的auth路由文件（如app/api/auth/[...nextauth]/route.ts），如果手动写了url参数，务必删掉，让框架自动推断地址。

  示例正确配置：

  import NextAuth from "next-auth"
  import CredentialsProvider from "next-auth/providers/credentials"
  
  const handler = NextAuth({
    providers: [
      CredentialsProvider({
        name: "Credentials",
        credentials: {
          username: { label: "Username", type: "text" },
          password: { label: "Password", type: "password" }
        },
        async authorize(credentials) {
          // 自定义授权逻辑
          if (credentials?.username === "admin" && credentials?.password === "admin") {
            return { id: "1", name: "Admin" }
          }
          return null
        }
      })
    ],
    // 移除手动设置的url字段
  })
  
  export { handler as GET, handler as POST }
  

• 清除缓存
  Vercel部署后可能存在静态缓存，导致旧的localhost地址残留。在Vercel控制台的部署页面点击"Purge Cache"清除缓存，同时用浏览器无痕模式测试，避免本地缓存干扰。

• 更新NextAuth版本
  旧版next-auth在app目录下可能存在自动检测域名的bug，执行npm update next-auth或yarn upgrade next-auth更新依赖后重新部署。

内容的提问来源于stack exchange，提问作者gitaan