DEV Community
·
Next.js 预取的三种层次
💡
原文英文，约700词，阅读约需3分钟。
📝
内容提要
本文讨论了在使用next.js时如何管理中间件的预取行为，提出了三种方法以避免不必要的预取请求：自定义链接组件、在中间件配置中排除预取请求，以及使用实验性中间件的预取标志。文章强调了预取对服务器负载的影响，并建议开发者根据需求调整预取设置。
🎯
关键要点
- 文章讨论了在使用next.js时如何管理中间件的预取行为。
- 提出了三种方法以避免不必要的预取请求：自定义链接组件、在中间件配置中排除预取请求，以及使用实验性中间件的预取标志。
- 预取对服务器负载的影响显著，开发者应根据需求调整预取设置。
- 自定义链接组件可以通过设置prefetch: false来禁用预取行为。
- 中间件配置中可以使用匹配器功能排除带有预取头的请求。
- 实验性中间件提供了严格和灵活的预取选项，灵活选项默认总是预取。
- 使用中间件文件会增加服务器负载，因为它对所有请求执行额外操作。
- 如果不使用next.js中间件文件，预取行为是正常的。
➡️
