이번엔 너냐....

-json server 배포 폭탄에서 헤어나오지 못한 감자-

TMI

아니 왜 또.... 배포 하루 전날 안 했으면 큰일이었겠네ㅠㅠㅠㅠ

Vercel 배포 후 Testing

vercel에 프로젝트를 올려 배포를 완료했다
이제 잔업만 마무리하면 되겠지
라는 마음으로 최종 테스팅을 하는데

아니 이게 왜.....
localhost에서는 잘만 되던데....

해결방안 : vercel.json 설정

어디서부터 풀어야 할지 몰라 튜터님께 달려갔다. 말씀해주시길 vercel에서 이와 같은 문제를 겪는 분들이 계셨다고

참고한 자료 : React-router app works in dev but not after Vercel deployment

root directory에 vercel.json이라는 파일을 만들어 설정을 바꾸어 주어야 한다
가 쓰여있는 해결 방안이었다.
아직 이게 왜 그래야하는지는 완벽히 이해가 되지는 않지만, local과 Vercel의 배포 방식이 다르고 여기서 route를 핸들링하는 방식의 차이에서 오는 문제라고 일단 생각하기로 했다.

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

이렇게 파일을 생성해준 이후 다시 vercel 배포 버전을 확인했더니 다행히도 ProtectedRoute가 잘 실행되었다.

마치며...

배포 오류는 정말이지 아무 지식이 없어서
맞닥뜨리면 ㅇㅅㅇ....
튜터님들이 최고다.