react.js 를 이용해서 netlify에 배포하던 중 부딪힌 문제들을 정리한 포스팅입니다.
리액트를 사용해서 netlify로 배포하다보니 첫 홈페이지는 잘나오지만 다른 페이지로 react-router로 보내는 과정에서 이런 오류가 나왔다.
Looks like you’ve followed a broken link or entered a URL that doesn’t exist on this site.
netlify는 router 처리를 할줄모른다. 따라서 root가 아닌 페이지 (ex: /뒤에 뭐가 붙는경우) 이런 경우는 나타내줄 수가 없다.
netlify는 client 측에서 처리되지 않는 URL을 처리할 수 있도록 _redirects라는 파일을 생성하도록 권고하고 있다.
따라서 프로젝트의 public/ 디렉토리 내에 "_redirects" 파일을 만들어야 한다.
/* /index.html 200
_redirects 파일내에 해당 코드를 복붙하고 생성하면 문제는 해결된다!