230919 개발일지 TIL - Firebase Storage에서 404 에러(env파일에 공백이 있을 경우)

Firebase Storage에서 404 에러(env파일에 공백이 있을 경우)

문제 발생
vercel에 배포 후 firestorge에 연동된 이미지를 불러오지 못하는 현상이 발생하였다.

문제 해결

위 사진에 주소 뒤에 %20이라는 알 수 없는 문자가 붙어 경로를 바꿔주고 있다.

REACT_APP_STORAGE_BUCKET의 주소에 공백에 들어가서 그 공백이 알수 없는 문자로 경로를 바꿔주고 있는 것을 확인 후 재배포하게 되었다.

느낀 점
해결하려고 많은 방법을 시도해보았지만 문제 원인이 env에 있을 거라 생각하지 않았는데 그래도 좋은 경험이 되었다.