【问题标题】:API data in view source查看源代码中的 API 数据
【发布时间】:2019-01-24 12:18:41
【问题描述】:

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

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

【问题讨论】:

  • 除非您使用动态加载,否则您从 API 获取的数据将在服务器端呈现。

标签: javascript reactjs server-side next.js


【解决方案1】:

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

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

在初始渲染之后,您需要将第一次渲染带来的状态输入到 redux 存储中。

这就是服务器端渲染 SPA 的工作原理。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2022-01-10
    相关资源
    最近更新 更多