Question

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

我已经为我的应用创建了构建版本。因此，index.html文件位于具有静态文件夹以及在react-build脚本中创建的所有其他内容的目录的根目录。

如何使其正常工作？如何配置.htaccess文件或应该考虑的修补程序？

Answer 1

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

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

Answer 2

您可以尝试将带有该源代码的.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>

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

2 个答案: