문제 상황

• vercel로 배포 후 root 경로만 제대로 나오고 다른 경로로 이동 시에 404 Not Found 에러 뜸.

해결방안

1. vercel 설정에서 프레임워크 프리셋이 현재 개발에 사용하고 있는 프레임워크로 되어있는지 확인

   • 이 부분은 초기 세팅 때 제대로 확인하고 추가한 부분이라 문제되지 않았음

2. vercel.json 파일을 만들어서 설정

   1. rewrite 설정

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

   • 이 방법의 경우 어떤 이유로 이미지나 번들, html에 직접 접근하지 못한다고 한다.

   b. routes 설정

   {
     "routes": [{ "src": "/[^.]+", "dest": "/", "status": 200 }]
   }
   

2-b 방법으로 해결!

참고

https://donggov.tistory.com/221#:~:text=SPA의 라우팅 처리가,rewrite 설정을 하면 된다.

https://velog.io/@jaewoneee/Vercel-404-NOTFOUND-에러-해결기