Recent Posts
Recent Comments
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
Today
Total
관리 메뉴

DH의 개발 공부로그

[Vercel] 버셀 프론트 배포 후 새로고침 시 404 에러 본문

IT개발상식

[Vercel] 버셀 프론트 배포 후 새로고침 시 404 에러

DeveloperDH 2023. 5. 12. 16:01
728x90

배포 후 새로고침

리액트 작업을 버셀로 배포 후 정상적으로 작동이 되는데, 라우트 이동 후 중간에 새로고침을 하면 404에러가 나는 것을 발견하였습니다.
이를 해결하기 위해 구글에 서치를 해보았고 해결 방법을 찾았습니다.

vercel.json

우선 vercel.json 파일을 만들고 아래의 코드를 입력해주면 아주 간단하게 문제를 해결합니다.
버셀에서 새로고침이 되면 알아서 해당 위치의 라우트로 이동을 시켜줍니다.

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

결론

문제를 해결하는 것에 급급하여 코드의 정확한 의미 파악을 하지 못하고 사용을 한 것 같아서 공부가 더 필요하다고 느꼈습니다.
역시 개발 분야는 다양한 문제를 만나봐야...더욱 성장을 하는 것 같긴 합니다...

참고

vercel | 배포 후 새로고침 시 404

728x90
Comments