Next.js 13生产环境动态路由404问题求助

核心修复：将路由配置移至动态路由的page.js #

你之前把dynamicParams等配置放在了父级user/page.js中，这不会作用于动态路由user/[id]/page.js。正确的做法是将这些配置直接添加到user/[id]/page.js文件顶部：

// user/[id]/page.js
export const dynamicParams = true; // 关键：允许未预生成的动态参数路由
export const dynamic = 'force-dynamic'; // 强制每次请求都进行服务器端渲染，避免静态缓存导致404
export const revalidate = false;

// 你的页面组件逻辑
export default function UserPage({ params }) {
  return <div>User ID: {params.id}</div>;
}

关键配置说明 #

• dynamicParams: true：Next.js默认在静态构建时，仅允许generateStaticParams预生成的参数路由访问。开启这个选项后，任何随机生成的id参数都会被服务器端处理，不会返回404。
• dynamic: 'force-dynamic'：确保该路由始终在服务器端动态渲染，避免被静态缓存。因为你的id是后端随机生成的，无法提前静态生成，这个配置能保证每次请求都能正确匹配路由。

可选清理：删除不必要的父级page.js #

如果你不需要/user这个单独的首页，可以直接删除user/page.js，避免路由逻辑混淆。

部署平台验证 #

如果使用Vercel、Netlify等平台部署，确保平台支持Next.js App Router的动态路由特性：

• Vercel：无需额外配置，只要代码中正确设置dynamicParams: true即可正常处理动态路由。
• 其他自建服务器（如Node.js、Docker）：确保使用next start启动应用，而不是静态导出（next export不支持动态路由的服务器端渲染）。

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