[Nginx] React 앱 페이지 이동 시 404 에러 해결

로컬에서는 문제없이 작동했는데, 서버에 올린 후 페이지를 이동하면 404에러가 출력되었습니다.

설정되지 않은 경로에 대한 기본값이 필요하기 때문인데요 nginx.conf 파일에 아래와 같이 설정해주면 잘 동작합니다.

($uri 경로를 찾지 못하면 index.html로 보내는 설정입니다.)

 

 

location / {
 try_files $uri /index.html;
}

 

참조 : https://stackoverflow.com/questions/43555282/react-js-application-showing-404-not-found-in-nginx-server