将服务器端渲染添加到使用 create-react-app 创建的现有 React 站点答案

【问题标题】：Adding server side rendering to an existing React site created with create-react-app将服务器端渲染添加到使用 create-react-app 创建的现有 React 站点
【发布时间】：2018-07-04 08:07:48
【问题描述】：

我一直在使用CRA(create-react-app) 和react-router v4.2.0 为客户构建网站，但不知道对谷歌搜索引擎优化的影响。当我从谷歌搜索控制台索引页面时，我得到这个：

我发现了几个类似的问题，建议将 'babel-polyfill' 添加到我的入口点，但这只会导致我的根组件在控制台中呈现，而不考虑我的 react-router 路由。我知道CRA 不是为SSR 设计的。我希望在CRA 中找到解决方法，或者优雅地迁移到另一个库，例如Next.js，而无需重建整个站点。让我知道是否需要任何其他信息。感谢您的任何建议。

【问题讨论】：

你试过用谷歌搜索一下吗？像medium.com/bucharestjs/…medium.com/@cereallarceny/…之类的文章很少。
我已经做了很多谷歌搜索。第二篇文章中的方法被证明无济于事（启动我的服务器时出现了很多相当无用的错误）。我会检查第一个谢谢。

标签： javascript reactjs create-react-app server-side-rendering nextjs

【解决方案1】：

你可以试试https://github.com/antonybudianto/cra-universal/

它是通用 create-react-app 的 CLI 伴侣，默认情况下没有弹出 + 零配置。

$ cd my-cra-app
$ npm start // start CRA client
$ npx cra-universal start // start CRA server

对于现有代码，您需要自定义，这取决于您应用的堆栈。您可以访问 repo 的 wiki，了解服务器上的 React 路由器/redux 集成。

【讨论】：