在使用NextJS的并行路由编写代码时,我意识到
<Link>
_rsc
我没有找到任何更多的顶级原因,为什么会发生这种情况,那么我面临着什么,我如何才能减少API调用的数量?
xdyibdwo1#
这是由于在我的项目中使用了headers()和fetch()中的cache: 'no-store'设置造成的,这导致了一个动态页面。并行路由的段路径在30秒后被重新获取,我用<Link prefetch={true}>解决了这个问题。另外,<Link>组件的prefetch属性是true用于静态渲染,但不能用于动态渲染,因此必须手动应用它。
headers()
fetch()
cache: 'no-store'
<Link prefetch={true}>
prefetch
true
1条答案
按热度按时间xdyibdwo1#
这是由于在我的项目中使用了
headers()
和fetch()
中的cache: 'no-store'
设置造成的,这导致了一个动态页面。并行路由的段路径在30秒后被重新获取,我用<Link prefetch={true}>
解决了这个问题。另外,<Link>
组件的prefetch
属性是true
用于静态渲染,但不能用于动态渲染,因此必须手动应用它。