用户登录

访问一下内容列表页面,现在这个页面一直会使用静态渲染生成的缓存版本。我们在布局,页面或者 fetch 数据的时候都可以设置一个 revalidate 的时间,也就是设置一下多久以后重新渲染生成新的缓存页面。

下面我们测试一下在页面组件里设置这个重建缓存页面的时长。

打开 posts/page ,在这个内容列表页面的上面,可以 export 一个 revalidate,为了方便演示,把这个值设置成的小一点,比如 6。

然后在终端, 先停止运行服务,再执行一下 npm run build ,编译一下应用,再执行 npm run start。

刷新一下这个内容列表页面,你会发现在终端这里输出了“内容列表”这行文字,说明在服务端这里重新渲染生成了新的缓存页面。稍等一小会儿,再刷新一下,这里又会输出“内容列表”这行文字,说明再次生成了新的缓存页面。每次可以生成内容列表页面的缓存的时长是 6 秒钟。也就是在内容列表页面导出的 revalidate 设置的时长。

我们可以把这个时长设置的大一些,比如 3600。

重建缓存页面(Revalidating)《 Next.js:预渲染 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点