[Nginx] 페이지 새로고침 시 Page Not Found 오류 해결

이거 왜이래!

Nginx로 배포했던 프로젝트에서 루트 경로가 아닌 다른 하위 경로에서 페이지 새로고침을 하면 404 에러가 발생했다.

 

찾아본 결과 nginx의 config를 파일에서 try_files 부분을 수정해주면 된다는 것을 확인했다.

sudo vi /etc/nginx/sites-available/default

기존의 파일 내용에서 location 부분에서 try_files를 보면 아래와 같이 되어있었다.

기본이 404로 되어있어서 그런 것이었다. 이를 아래와 같이 수정해주면 된다.

try_files $uri /index.html;

 

파일을 저장해준 후, nginx를 다시 켜주면 더이상 새로고침을 해도 404 페이지가 뜨지 않는 것을 확인할 수 있다.

 

sudo systemctl reload nginx

 

 

References

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