아파치 서버에 올린후 react 새로고침에 404 발생
이 코드는 Apache 웹 서버의 .htaccess 파일에서 Rewrite 모듈을 사용하여 URL 재작성을 구현하는 코드입니다.
Options -MultiViews: MultiViews 옵션을 비활성화하여 Apache 서버에서 기본적으로 제공되는 content negotiation 기능을 사용하지 않도록 설정합니다.
RewriteEngine On: Rewrite 모듈을 사용하여 URL 재작성을 활성화합니다.
RewriteCond %{REQUEST_FILENAME} !-f: 요청된 파일이 존재하지 않는 경우에만 RewriteRule을 적용합니다.
RewriteRule ^ index.html [QSA,L]: 요청된 URL 경로를 index.html 파일로 재작성하고, Query String을 유지하도록 설정합니다(QSA). 마지막으로, 이 규칙이 적용된 후 추가 규칙을 더 이상 적용하지 않도록 하기 위해 [L] 플래그를 설정합니다.
이 코드는 React 애플리케이션의 브라우저 라우팅 시스템을 지원하기 위해 사용됩니다. React 애플리케이션은 클라이언트 측에서 실행되는 JavaScript 애플리케이션이므로, 서버에서 URL 경로에 해당하는 파일이 존재하지 않는 경우 404 오류가 발생합니다. 이를 해결하기 위해 위 코드와 같이 Apache 웹 서버의 .htaccess 파일을 사용하여 모든 요청을 index.html 파일로 재작성하도록 설정합니다. 이렇게 하면 React 애플리케이션에서 클라이언트 측에서 URL 경로를 처리할 수 있습니다.
Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]
접근 폴더에 .htaccess 파일 추가
AllowOverride All 설정 확인