[netlify] Page Not Found Error

react 프로젝트를 배포 할 때 아래와 같은 에러가 뜰 때가 있다.

발생하는 이유는 React Router는 client에서 라우팅을 처리한다. 따라서 root가 아닌 페이지(ex: https://yoursite.netlify.com/login 등)에 접속할 때, netlify(server)는 route를 처리하는 방법을 알 수 없다.

해결 방법

netlify는 client 측에서 처리되지 않는 URL을 처리할 수 있도록 _redirects라는 파일을 제공한다.

프로젝트의 public/ 디렉토리 내에 redirects 파일을 만들고 파일내에
/* /index.html 200_ 를 입력해준다.