React(SPA) 배포 후 새로고침 시 404 발생
Nginx를 통해 React 프로젝트 배포 시 메인 페이지가 아닌
다른 라우팅 페이지에서 새로고침을 시도했을때 404가 발생되었다.
▪︎ 원인
React Router를 통해 라우팅을 관리하는 상태에서
최상위 URL에서는 html 파일을 잘 연결 시켜주지만,
다른 URL에서는 URL에 맞는 html 파일을 찾으려고 하기때문에 발생된다.
▪︎ 해결방법
서버 설정 파일에
location / {
try_files $uri $uri/ /index.html =404;
}
위 항목을 추가한다.
▪︎ try_files $uri $uri/ /index.html =404?
nginx는 정적 파일 호스팅을 기본적으로 지원하지 않기에
root 폴더 내에 uri 에 따른 폴더가 있는지 찾아보고
만약 없다면 404 에러를 보여줍니다.
Author And Source
이 문제에 관하여(React(SPA) 배포 후 새로고침 시 404 발생), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@jodheeee/ReactSPA-배포-후-새로고침-시-404-발생저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)