01 · 实验 B

SSR 服务端渲染

每次请求,服务器运行 React 组件生成完整 HTML 返回;数据在服务器获取,HTML 里直接有内容。

本次渲染时间(每次请求都会变)

2026-09-22T13:09:15.212Z

如何验证这是服务端渲染

  • 右键“查看网页源码”:下面这句话直接出现在 HTML 里。
  • Network 面板:响应返回的是一整页 HTML。
  • build 日志中该路由标记为 ƒ(Dynamic)。

与 CSR 的本质差异

同样打印时间:CSR 的时间来自浏览器时钟,SSR 的时间来自服务器时钟。 更重要的是 —— SSR 时"数据获取"发生在服务器,HTML 里就已经有数据; CSR 时数据区在初始 HTML 里是空的,要等浏览器端请求。 注意:SSR 只保证内容可见,页面可交互仍要等 JS 水合完成(见水合实验)。