为什么预取不适用于< Link>Next.js中的组件?

wgx48brx  于 2023-06-22  发布在  其他
关注(0)|答案(1)|浏览(135)

我读了很多博客,每个人都提到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>
    )
}
c2e8gylq

c2e8gylq1#

Next.js不会在开发模式下预取页面,预取是一个仅限生产的功能。

预取

默认值为true。当true时,next/link将在后台预取页面(用href表示)。这对于提高客户端导航的性能非常有用。视口中的任何<Link />(初始或通过滚动)将被预加载。
可以通过传递prefetch={false}来禁用预取。预取仅在生产中启用

  • Next.js,组件:<Link>
    请尝试在生产模式下运行您的应用。
npm run build && npm run start

相关问题