React Router 4如何实现高效的服务端直出渲染？

本文共计2060个文字，预计阅读时间需要9分钟。

我们已熟悉React及服务端渲染（SSR）的基本步骤，现正进一步利用React Router V4实现客户端和服务端的路由配置。众多应用都需依赖web前端路由器，因此确保SSR能正常工作至关重要。

我们已经熟悉React 服务端渲染（SSR）的基本步骤，现在让我们更进一步利用 React RouterV4 实现客户端和服务端的同构。毕竟大多数的应用都需要用到web前端路由器，所以要让SSR能够正常的运行，了解路由器的设置是十分有必要的

基本步骤

路由器配置

前言已经简单的介绍了React SSR，首先我们需要添加ReactRouter4到我们的项目中

$ yarn add react-router-dom # or, using npm $ npm install react-router-dom

接着我们会描述一个简单的场景，其中组件是静态的且不需要去获取外部数据。我们会在这个基础之上去了解如何完成取到数据的服务端渲染。

在客户端，我们只需像以前一样将我们的的App组件通过ReactRouter的BrowserRouter来包起来。