多页面反应应用部署

Question

我有一个多用途的React应用程序，我使用了create-react-app工具来制作，但是它已经到了需要部署它的地步。我遇到的问题是，当我上传到cPanal时，路由器似乎无法正常工作，例如/ Library将抛出404，当本地它将只提供/ Library页面。

有没有人有将React部署到cPanal的多页面应用程序的经验？

Answer 1

这实际上已在这里得到解答。

cPanal有一个.htaccess文件，但它已被隐藏。它只需要打开和编辑以包含下面问题答案中的代码。

Apache web server doesn't allow me to refresh on /about but on localhost its working fine

Answer 2

您的公共目录中需要.htaccess文件。

首先确保.htaccess文件位于文档根目录（与index.html相同的位置），否则它只会影响它所在的​​子文件夹（以及其中的任何子文件夹 - 递归）。

  

.htaccess文件的最简单示例，以达到您想要的效果。在公共目录中创建.htaccess文件，并将代码放在

中

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

它做了什么？它只是在每个请求上加载index.html。 例如。如果您在浏览器中点击/ Library，它会加载您的反应应用程序实例化的index.html。