20230801 [Vercel] 배포 후 새로고침 시 404 NOT FOUND 에러 발생하는 오류

배포 후 정상적으로 작동하지만 URL을 직접 입력해서 페이지를 이동하거나 페이지에 접속한 후 새로고침을 하면 404 NOT FOUND 에러가 발생하는 문제상황이 생겼다.

package.json과 같은 위치에 vercel.json 파일을 생성한 후 다음과 같이 내용을 채워주었다.

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

-> 경로에 .이 포함되지 않은 Vercel 배포에 대한 모든 요청이 루트 경로 "/"로 redirection 된다. 모든 클라이언트 측 경로가 올바르게 처리되고 페이지에 직접 access 하거나 페이지를 새로고침하더라도 404 NOT FOUND 오류가 발생하지 않는다.