跳到主要内容

相关api

dynamic = 'force-dynamic'​

  • export const dynamic = 'force-dynamic' 的意思是
    • 强制这个路由段按“请求时动态渲染”处理,而不是静态预渲染
    • 也就是每次请求都会在服务端执行这段页面
  • 也可以不写dynamic,next默认的dynamic是auto
    • Next 会自动推断
    • 如果页面内容可提前确定、数据可缓存,通常会走 静态预渲染
    • 如果页面里用了会导致动态渲染的能力,比如请求相关信息,或者显式禁用缓存(no-store)的数据获取,就会走 动态渲染(也就是 SSR)

connection​

  • 表示内容不需要进行预渲染
  • connection后面的逻辑都是动态的
  • await connection() 下面的内容会脱离 prerender预渲染,改成动态渲染

使用场景:

  • 1、想让页面内容每次请求都重新计算
  • 2、不需要使用预渲染,希望是动态渲染