Bagaimana cara mengkonfigurasi file .htaccess saya untuk Aplikasi React di Subdirectory?

Question

Saya ingin menghosting aplikasi react saya di subdirektori pada akun hosting bersama saya. Yaitu di direktori domain.com/mydirectory/. Tetapi ketika saya mengetik domain.com/mydirectory/di bilah pencarian, itu membuka indeks direktori & bukan Aplikasi React itu sendiri.

Saya sudah membuat versi build untuk aplikasi saya. Karenanya file index.html berada di root direktori dengan folder statis & semua konten lain yang dibuat selama react-buildskrip.

Bagaimana cara membuatnya bekerja dengan baik? Bagaimana cara mengonfigurasi file .htaccess saya atau perbaikan apa yang harus saya pertimbangkan?

Answer 1

Anda dapat mencoba menambahkan .htaccessfile di direktori React Anda dengan kode sumber tersebut ke dalamnya.

<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

Cukup salin dan tempel mengikuti di .htaccess

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