← 返回静态路由示例

动态路由示例（不使用 Full Route Cache）

🔄 这是一个动态路由

因为使用了 headers() 这个 dynamic function， Next.js 无法在构建时预渲染这个页面，每次请求都会在服务器上重新渲染。

// 使用了 dynamic function

const headersList = await headers();

const userAgent = headersList.get('user-agent');

📅 页面渲染时间

2025-12-27T14:39:27.906Z

🧪 测试方法：

  1. 开发环境（pnpm dev）：
    每次刷新页面，这个时间都会变化
  2. 生产环境（pnpm build && pnpm start）：
    刷新页面，这个时间也会变化（因为是动态路由，每次都重新渲染）

📋 请求头信息

User-Agent:

Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)

这个信息来自请求头，每次请求可能不同。静态路由无法获取这种动态信息。

📊 静态 vs 动态对比

特性静态路由 (Static)动态路由 (Dynamic)
渲染时机构建时（pnpm build）运行时（每次请求）
Full Route Cache✅ 使用❌ 不使用
刷新页面时间戳不变时间戳变化
构建输出○ (Static)λ (Dynamic)
生成文件.html 文件只有 .js 文件
性能⚡ 最快🔄 较慢
使用场景博客、文档、产品页用户仪表盘、个性化内容

💡 何时使用动态路由？