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

Question

我使用CRA（create-react-app）和react-router v4.2.0为客户构建了一个网站，并且没有意识到谷歌搜索引擎优化的含义。当我从Google Search Console索引页面时，我得到了这个：

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

Answer 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

对于现有代码，您需要自定义，这取决于应用程序的堆栈。 您可以访问仓库的wiki，以实现服务器上的React Router / redux集成。