相关api
dynamic = 'force-dynamic'
export const dynamic = 'force-dynamic'的意思是- 强制这个路由段按“请求时动态渲染”处理,而不是静态预渲染
- 也就是每次请求都会在服务端执行这段页面
- 也可以不写dynamic,next默认的dynamic是auto
- Next 会自动推断
- 如果页面内容可提前确定、数据可缓存,通常会走 静态预渲染
- 如果页面里用了会导致动态渲染的能力,比如请求相关信息,或者显式禁用缓存(no-store)的数据获取,就会走 动态渲染(也就是 SSR)
connection
- 表示内容不需要进行预渲染
- connection后面的逻辑都是动态的
await connection()下面的内容会脱离 prerender预渲染,改成动态渲染
使用场景:
- 1、想让页面内容每次请求都重新计算
- 2、不需要使用预渲染,希望是动态渲染