React 프로젝트를 배포한 뒤 새로고침 시 Not found가 뜨는 문제 해결 방법

문제 React로 만든 프로젝트를 AWS의 Apache에 올린 뒤 웹 페이지에 접속하면 정상적으로 동작을 하였다. 하지만 홈이 아닌 다른 router page에서 새로고침을 하면 Not Found가 뜨는 문제가 발생하였다. 해결 방법 이 문제는 SPA(Single Page Application)에서 흔히 발생하는 문제이고, connect-history-api-fallback 현상이라고도 한다. Vue 프로젝트로 배포했을 때에서 동일한 문제가 발생한 경험이 있다. SPA는 일반적으로 웹 브라우저에서 엑세스 할 수 있는 하나의 색인 파일(index.html)만 사용한다. 그런 다음 HTML5 히스토리를 사용하여 JavaScript를 사용하여 어플리캐이션 탐색을 처리한다. 이로 인해 사용자가 새로고침 버튼을 누르거나 방문 페이지 이외의 페이지에 직접 액세스하거나 뒤로가기를 누르는 등의 행동을 하면 웹 서버가 색인 파일을 무시하여 이 위치에서 파일을 찾을 때 문제가 발생한다. 1단계 : A...

원문링크 : React 프로젝트를 배포한 뒤 새로고침 시 Not found가 뜨는 문제 해결 방법