Next.js增量静态再生不反映更改,除非重新加载页面



尝试在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将首先提供旧的页面,但开始生成新的页面,以便下一个请求将被更新。

最新更新