---

문제

vercel 배포 참 쉽다 하고 야무지개 세팅하고 커밋날리고 있었는 데 오류 발생.
React Router 설정해둔 페이지를 못찾는다.

원인

React Router는 클라이언트 사이드 라우팅을 사용하기 때문에, 서버가 모든 경로를 index.html로 리다이렉트하도록 설정해야 한다고 함.

해결

vercel에서는 이를 vercel.json 파일에서 설정해야 한다.
모든 경로를 index.html로 리다이렉트하여 React Router가 라우팅을 처리할 수 있도록!!

// vercel.json
{
  "rewrites": [
    { "source": "/(.*)", "destination": "/" }
  ]
}

---

참고

https://stackoverflow.com/questions/64815012/why-does-react-router-not-works-at-vercel