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 에러를 보여줍니다.