如何关闭悬停时页面预取 Next.js 链接？

Question

在我的制作中，当我们将鼠标悬停在应用程序中的任何链接上时，XHR 请求将发送到服务器。因此我需要阻止这种选择。

我用过prefetch={false}没用啊 这个问题有什么解决办法吗？

 <Link href={`${path}${card.post_details.slug}`} prefetch={false}> 
   Read More
 </Link>

Answer 1

prefech={false}在所有情况下禁用预取，但不在悬停时禁用预取，您可以在文档中阅读：

当预取设置为 false 时，预取仍会在悬停时发生。

在本期GitHub 中，一位维护者谈到了他提出的一个Pull 请求prefech：

准确地说，只有https://nextjs.org/blog/layouts-rfc的新路由器才会禁用悬停时预取。对于现有的路由器，在悬停时进行预取仍然相关，因为它不是加载代码和数据的单次传递。

因此，如果这对您来说很重要，也许可以尝试迁移到 Next 13，并使用该app目录。