Next.js: 5 种退出静态渲染的方法

2024年9月13日#Next.js54

AI 生成的摘要

背景：在项目构建后，route.ts 的响应结果被静态处理，导致接口始终返回相同数据。方法：在 route.ts 中添加 `export const dynamic = 'force-dynamic'` 以实现动态响应。参考资料包括 Next.js 的数据获取与缓存、YouTube 的静态渲染退出方法以及掘金的路由处理。重构建议：考虑使用 Server Actions 而非退出静态处理。更多信息可参考掘金链接。

背景#

适用于项目在 build 之后，route.ts 的响应结果被静态处理，表现为：接口始终响应相同的数据。

方法#

我使用的方法是，在 route.ts 中添加以下代码：

export const dynamic = 'force-dynamic'

参考：

Next.js - Data Fetching and Caching
YouTube - 5 ways to opt out of static rendering in NextJs
掘金 - 路由篇 | 路由处理程序

重构#

或许，不应该使用这些方法退出静态处理，而是使用 Server Actions。

也可以参考：https://juejin.cn/post/7361204571828731956#heading-4