我的网站托管在 vercel 上,如果我访问此页面 - https://www.softpost.org/nextjs13,您将看到在网络选项卡中,没有服务器发送的 html 数据。水合后,整个内容正在客户端生成。
但是相同的代码可以在本地开发环境中运行,并且完整的 html 页面由服务器发送,如响应中所示。所以我想知道为什么会发生这种情况?
我检查了产品和开发中服务器发送的响应。我期望在这两种情况下都有相同的 SSR 响应。但在 prod 的情况下,不会生成 ssr。
发生这种情况是由于“整个页面不再采用客户端渲染”,而这又是由于在组件中调用 useSearchParams 函数而不是通过悬念边界包装该组件而引起的。