reactjs - SEO友好的React-Redux应用程序

我们需要服务器端渲染为React App做SEO！

让我们将应用程序的体系结构分为三个部分：一个提供数据的API服务器，一个与客户端共享代码的Web服务器，还提供HTML，最后是客户端，即在浏览器中运行的代码

基本上，服务器端呈现将允许您的部分代码首先在Web服务器上运行。这意味着服务器将首先从您的API获取在初始页面的HTML上呈现所需的数据，然后它将打包并以HTML格式将此数据发送到客户端。

客户端获取初始页面HTML和所需数据后，它将继续整个JavaScript呈现业务，但它已经拥有所有必需的数据。因此，使用上面的小例子，客户端渲染SPA必须从头开始，但服务器端渲染SPA将处于他们已经拥有所有数据的起始点。因此，这解决了 SEO 并减缓了SPA共享的初始加载问题。

这似乎是一个相当直观的想法，但是当React问世时，它才更加认真，因为React允许你以优雅的方式进行服务器端渲染。

总而言之，服务器端呈现可以分为3个步骤：

（1）获取渲染初始加载页面所需的数据。

（2）使用此数据渲染HTML。

（3）打包HTML并将其发送到客户端。