Next 14 客户端路由缓存功能(Router Cache)

本篇文章演示了Next.js 14的客户端路由缓存功能。Next14中，页面默认会在客户端缓存。动态渲染的页面，缓存30秒。静态渲染的页面缓存5分钟。本页面是动态渲染的，因此会在客户端缓存30秒。可以点击Add按钮跳去添加商品页面，添加商品后，返回本页面，会发现30秒内，商品列表没有更新。 注意观察服务器渲染时间和客户端useEffect执行时间。

如果Nav导航组件中，设置Link的prefetch属性为true，那么缓存时间就是5分钟