vercel :: 리액트 프로젝트 404 배포 오류 해결 방법

메인 도메인에서는 잘 작동하나, 라우트 페이지에서 리프레쉬 되거나 새로고침을 누르면 404 에러가 뜬다.

Next.js 프로젝트에서는 이런 문제가 없으나 React.js에서는 이런 문제가 발생한다.

 

해결방법

루트 폴더에 vercel.json 폴더 생성

아래 코드 복붙

{
    "routes": [{ "handle": "filesystem" }, { "src": "/.*", "dest": "/index.html" }]
}