Come configuro il mio file .htaccess per l'app React nella sottodirectory?

Jul 18 2019

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

13 rudiLadeon Oct 17 2019 at 23:49

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>
6 JahirulIslamMamun Feb 27 2020 at 20:23

Basta copiare e incollare quanto segue nel tuo file .htaccess

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