Apache服务器上的React App，设置指南？

Question

我使用Facebook create-react-app构建了一个React App，并且在本地一切正常，我也有一个使用Apache服务器的托管计划。

尝试了解有关客户端与服务器端路由的更多信息，我发现了这篇很棒的文章 ，这对我来说很有意义。 我想使用全包解决方案（尽管我使用的是react-router v4，它的运行方式似乎与v3有所不同）...

作为后端服务器的新手，并且没有Apache的知识，有没有关于如何在Apache服务器（使用react-router v4）上设置React App的好的指南或建议？ （这是我第一次尝试在服务器上进行设置。）

感谢您的指导。

Answer 1

当我使用React托管我的第一个客户端渲染应用程序时遇到了您的问题。 更糟的是，我使用PHP MVC框架作为该应用程序使用的API的后端。 我必须在同一服务器和环境上本地访问的API调用。

这是我解决问题的方式：

1. 将build / index.html的HTML代码放入我的MVC应用程序的索引文件中
2. 移动的静态内容（CSS，JSS包）可到达我的后端系统。 那是在root / build中
3. 索引文件中的已编辑资产引用（在步骤1中进行了更改）以指向新位置（在步骤2中进行了更改）

而且效果很好！

现在，以您的情况为例，您可以遵循相同的模式，将build / index.html文件放入运行中的HTML，就像在运行普通的HTML页面一样，然后将资产移动到可访问的位置。

Answer 2

我自己解决了这个问题，比预期的要直接得多。 我只是运行npm build并将所有构建文件放在根目录下。 然后编辑.htaccess文件以显示：

Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]

到目前为止，一切似乎都运行良好。 让我知道此解决方案是否有任何问题。 由于这是在create-react-app的基础上构建的，因此也不需要eject内置的webpack配置。

谢谢你的建议。