サブディレクトリにあるReactAppの.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]