Come configuro il mio file .htaccess per l'app React nella sottodirectory?
Voglio ospitare la mia app React in una sottodirectory sul mio account di hosting condiviso. Cioè nella directory domain.com/mydirectory/. Ma quando digito domain.com/mydirectory/nella barra di ricerca si apre l'indice della directory e non l'app React stessa.
Ho già creato una versione build per la mia app. Quindi il file index.html è alla radice della directory con la cartella statica e tutti gli altri contenuti che sono stati creati durante lo react-buildscript.
Come posso farlo funzionare correttamente? Come posso configurare il mio file .htaccess o quale correzione devo considerare?
Risposte
Puoi provare ad aggiungere un .htaccessfile nella tua directory React con quel codice sorgente al suo interno.
<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>
Basta copiare e incollare quanto segue nel tuo file .htaccess
Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]