리액트 vercel 배포 404 오류해결

vercel에서 깃허브 계정을 연동하고 레파지토리를 선택하니 자동으로 배포가 되었다!

 

그런데 페이지 새로고침을하니

 

이런오류가 떴다 ㅠ0ㅠ

 

콘솔창을 확인해보니 서버가 해당 자원을 찾지 못했다고 한다.

 

리다이렉션에 문제가 있어서 vercel.json 파일을 만들어주고 코드를 작성해 주었다.

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

 

• "source": "/(.*)" : 모든 url 요청을 의미한다. (.*) 정규 표현식으로, 어떤 경로든 매칭된다는 의미.
• "destination": "/" : 해당루트를 "/"로 리 다이렉트 하겠다는 의미.

 

 

파일 생성후 git push 하니 자동으로 업데이트 되어서 페이지 새로고침을 해도 잘 뜬다!