我读了很多博客,每个人都提到Next.js预取链接,但它对我不起作用。
以下是我的chrome网络标签:
这是我尝试过的代码:
import Link from 'next/link'
export default function Home() {
return (
<div >
<Link href="/home">
<a>Home</a>
</Link>
<Link href="/About/about">
<a>About</a>
</Link>
</div>
)
}
1条答案
按热度按时间c2e8gylq1#
Next.js不会在开发模式下预取页面,预取是一个仅限生产的功能。
预取
默认值为
true
。当true
时,next/link
将在后台预取页面(用href
表示)。这对于提高客户端导航的性能非常有用。视口中的任何<Link />
(初始或通过滚动)将被预加载。可以通过传递
prefetch={false}
来禁用预取。预取仅在生产中启用。<Link>
请尝试在生产模式下运行您的应用。