Next.js 14 链接标签不预取数据 - 网络选项卡显示空 {}

Question

我目前正在使用 Next.js 14，并遇到了 Link 标签似乎未预取数据的问题。具体来说，在开发者工具的网络选项卡中，预览显示 {} 而不是预期的 JSON 响应。 我正在使用 getServerSideProps 和页面路由

我期望 Link 标签将预取数据并在网络选项卡中显示 JSON 数据。然而，在 Next.js 14 中，它似乎没有按预期工作。网络选项卡显示空预览 {}，而不是 JSON 数据。

还有其他人遇到过这个问题吗？ Next.js 14 中是否需要新的配置或不同的方法来确保 Link 标记在使用 getServerSideProps 时正确预取 JSON 数据？

任何见解或解决方案将不胜感激。

附加信息：

Next.js 版本：14 Node.js 版本：v18.17.0

Answer 1

我也有同样的问题。

奇怪的是，删除标题

x-middleware-prefetch

它能够获取json，但是单击

Link

组件后，页面无法加载（保持空白）。