javascript - API数据查看源码

标签 javascript reactjs server-side next.js

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

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

最佳答案

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

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

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

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

关于javascript - API数据查看源码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54346529/

相关文章:

javascript - 关闭: option to require var before new JS variables

Javascript:是否可以将字符串转换为数组的数组?

javascript - 追加后矩形不可视化

reactjs - Material 表如何选择一行在选择时更改背景颜色

reactjs - 使用默认文本 react native iOS 打开消息应用程序

javascript - 没有构建过程的 Vue.js 单文件组件

javascript - 如何在客户端获取服务器端 html 复选框的值?

linux - 服务器端病毒扫描

jquery - 如何在tablesorter中配置服务器端过滤?

javascript - 动态创建html元素后,是否有办法触发事件?