vercel 배포 시 특성 URL에서 404 Not Found 에러

404 NOT FOUND

문제 상황

• origin으로 접근하면 (ex. www.domain.com/) 새로고침을 해도 Not Found가 뜨지 않는데, www.domain.com/community 등 pathname이 추가되면 새로고침 했을 때 Not Found가 뜨는 상황
  

이유

• 바로 www.domain.com/pathname 으로 이동하면 내 파일 어디에서부터 접근해야 할지 길을 잃는 듯 하다. (index.html을 못 찾는듯?) 모든 경로에서 이 index.html을 추가하면 될 것 같다.

해결책

• 루트 경로에 vercel.json 파일을 만들고 아래 코드를 넣어주면 된다.

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

참조

https://stackoverflow.com/questions/76742696/404-error-when-deploying-react-app-in-vercel