javascript - API数据查看源码

Question

我正在使用 next.js 在服务器端呈现 react 代码，但是当我查看页面的源代码时，我可以看到整个 API 数据和 redux 存储数据。

所有 SSR 代码都通用还是我做错了什么？

Answer 1

你没有做错任何事。服务端渲染的前提是在第一次请求时将所有初始状态传递给浏览器，同时渲染部分DOM。这对 SEO 有很大帮助.

因此，要使单页应用程序以服务器呈现的方式工作，您必须呈现页面的一部分，并且还必须以某种方式提供应该基于 redux 状态呈现的页面的其余部分。

在初始渲染之后，您需要将第一次渲染附带的状态提供给 redux 存储。

这就是服务器端呈现 SPA 的工作方式。