하위 디렉토리에서 React App에 대한 .htaccess 파일을 어떻게 구성합니까?

Question

공유 호스팅 계정의 하위 디렉터리에 반응 앱을 호스팅하고 싶습니다. 즉 디렉토리에 domain.com/mydirectory/있습니다. 그러나 domain.com/mydirectory/검색 창에 입력 하면 React App 자체가 아닌 디렉토리의 색인이 열립니다.

내 앱의 빌드 버전을 이미 만들었습니다. 따라서 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]