네틀리파이(Netlify)로 배포 후 F5(새로고침)시 not Found 에러 해결방법

 

리액트 라우터로 개발 한 다음 네틀리파이로 배포 후 접속은 잘되는데 어떤 페이지에서든 F5를 누르면 not Found 에러가 났다.

 

 

해결방법

public 에 _redirects라는 파일을 만들고 아래의 코드를 입력해 준 뒤 다시 배포해 주면 해결된다.

/* /index.html 200

 

원인

리액트 라우터는 클라이언트 측에서 라우팅을 처리해야 하는데 Netlify로 배포한 사이트는 처음 접속할 때 index로 잘 접속하나 다른 라우팅 페이지에서 새로고침을 할 경우 해당 페이지를 찾지 못해 에러가 발생하는 것 같다. 

 

_redirects는 페이지를 찾이 못 할 경우 index.html를 제공하게 해주는 파일이다.