尝试在Next.js项目中实现增量静态再生。
有一个索引页,其中包含getStaticProps()
上使用revalidate: 1
的帖子列表。
在另一个页面上,有一个用于编辑文章标题的表单。该页面对更新数据库记录的API端点进行AJAX调用。
编辑一个帖子标题后,我回到页面的帖子列表,使用next/link
,但列表显示过时的数据。如果我重新加载页面,我仍然会看到过时的数据,但只要我再次点击链接到posts列表页面,数据就会更新。
我错过了什么,还是这是预期的行为?
下面是复制此场景的repo(使用"product"而不是"post"):
- https://github.com/oncet/coel
这似乎是预期的行为(https://youtu.be/yGuN_9rng6o?t=806)。对于一个新的请求(当你重新加载时),next .js将首先提供旧的页面,但开始生成新的页面,以便下一个请求将被更新。