Next.js构建后API数据异常：开发与生产表现不一致求助

1. 修正API路由的缓存策略 #

Next.js App Router的API路由默认会在构建时静态生成并缓存结果，这就是为什么构建后API返回旧数据或空响应的核心原因。你需要强制API路由每次请求都动态执行：

• 在API路由文件顶部添加以下配置：

export const dynamic = 'force-dynamic';

这个配置会禁用API路由的静态缓存，确保每次请求都重新查询数据库。

2. 调整Library页面的数据获取逻辑 #

如果Library页面是用静态预渲染方式获取数据，构建后页面会固定使用构建时的数据，不会随数据库变化更新：

• 直接在Server Component中实时查询数据库（推荐方式）：

import { prisma } from '@/lib/prisma';

export default async function LibraryPage() {
  const themes = await prisma.theme.findMany();
  return (
    <div>
      {/* 渲染主题列表 */}
    </div>
  );
}

• 如果是通过fetch调用API获取数据，要在请求中禁用缓存：

const res = await fetch('/api/themes', { cache: 'no-store' });
const themes = await res.json();

3. 验证Prisma客户端的生产配置 #

构建后Prisma可能存在连接或客户端版本问题：

• 确保生产环境的DATABASE_URL环境变量配置正确，且构建时已注入应用。
• 构建前执行npx prisma generate，确保Prisma客户端与最新的数据库schema匹配。

4. 清除Next.js构建缓存 #

旧的构建缓存可能残留静态数据，导致构建产物异常：

• 构建前执行命令清除缓存：

npx next clean && npx next build

5. 检查NextAuth的会话缓存（若涉及） #

如果Library页面依赖NextAuth的用户会话，需避免会话逻辑被缓存：

• 在NextAuth配置中使用session: { strategy: 'jwt' }，并确保会话验证逻辑是动态执行的，不会被静态缓存。

内容的提问来源于stack exchange，提问作者033-HarishPS Harish P S