如何防止Next JS预加载子页面？

mi7gmzs6 于 2023-06-05 发布在其他

关注(0)|答案(1)|浏览(170)

我正在使用Next.js 13应用程序目录与Firebase。并且每当它加载父页面时，它也加载所有子页面。但问题是，当访问子页面时，它作为新页面加载。如果不是向服务器请求的话，我可能会同意。
假设我有一个产品列表页面，总共有24个产品。在这个页面上，我们展示了所有的产品。当点击一个项目时，它重定向到一个详细页面。因此，在初始页面中，它将24个读取加载到服务器，并且另外的24个读取B/c它也在阅读细节。所以总共读取了48次。但是用户可以只选择一个或不选择。但它加载了很多而不是必要的。那是浪费阅读。
并且当用户选择产品时，其作为新读取加载。这是一个附加读数，使其成为49个读数。
有没有办法防止next js在点击之前读取child？

next.js

来源：https://stackoverflow.com/questions/76374725/how-can-i-prevent-next-js-from-preloading-child-pages

1条答案

按热度按时间

fv2wmkja1#

您可以通过将prefetch={false}添加到<Link />组件来禁用预取。文档

import Link from 'next/link';
 
export default function Page() {
  return (
    <Link href="/dashboard" prefetch={false}>
      Dashboard
    </Link>
  );
}

赞(0）回复(0）举报 2023-06-05

我来回答

如何防止Next JS预加载子页面？

1条答案

相关问题

热门标签

最新问答