react.js 를 이용해서 netlify에 배포하던 중 부딪힌 문제들을 정리한 포스팅입니다.

리액트를 사용해서 netlify로 배포하다보니 첫 홈페이지는 잘나오지만 다른 페이지로 react-router로 보내는 과정에서 이런 오류가 나왔다.

Page Not Found

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 파일내에 해당 코드를 복붙하고 생성하면 문제는 해결된다!

Ref

https://soso-cod3v.tistory.com/142