如何在子目录中为 React App 配置我的 .htaccess 文件？

Question

我想在我的共享主机帐户的子目录中托管我的 React 应用程序。即在目录中domain.com/mydirectory/。但是当我domain.com/mydirectory/在搜索栏中输入时，它会打开目录的索引而不是 React 应用程序本身。

我已经为我的应用程序创建了一个构建版本。因此 index.html 文件位于目录的根目录，其中包含静态文件夹和react-build脚本期间创建的所有其他内容。

我怎样才能让它正常工作？如何配置我的 .htaccess 文件或我应该考虑什么修复？

Answer 1

您可以尝试.htaccess在 React 目录中添加一个包含该源代码的文件。

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

Answer 2

只需将以下内容复制并粘贴到您的 .htaccess

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