为我的 React 项目设置 .htaccess 文件

Question

我在 cpanel 上部署了两个 React 版本，基本上一个是管理面板，第二个网站是这样的：

admin 文件夹包含在 /admin 路径上工作的管理面板的构建。客户端文件夹由正在运行的网站构建/路由组成。

我的 .htaccess 代码：

<IfModule mod_rewrite.c>
RewriteEngine on 

# first check if request is in /client/
RewriteCond %{DOCUMENT_ROOT}/client%{REQUEST_URI} -f [OR]
RewriteCond %{DOCUMENT_ROOT}/client%{REQUEST_URI} -d
RewriteRule ^(.*)$ /client/$1 [L]


# then check if request is in /admin/
RewriteCond %{DOCUMENT_ROOT}/admin%{REQUEST_URI} -f [OR]
RewriteCond %{DOCUMENT_ROOT}/admin%{REQUEST_URI} -d
RewriteRule ^(.*)$ /admin/$1 [L]

</IfModule>

经过长时间的搜索，我发现这段代码作为我的应用程序的解决方案，因为 cpanel 中部署了两个反应应用程序。问题是，每当我刷新任何路线页面时都会出现 404 错误，尽管路线工作完美。请帮忙。

Answer 1

我在我的反应应用程序中使用这些规则，在我的情况下，我有一个反应应用程序而不是两个

<IfModule mod_rewrite.c>

  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_FILENAME} !-l
  RewriteRule . /index.html [L]

</IfModule>