[React] JSON 이미지 경로가 잘못됐을때

에러

간단한 쇼핑몰을 구현하는데 db.json 에서 데이터가 정상적으로 넘어오지 않았고 메인 페이지에서는 전체 이미지가 로고를 제외하고는 불려왔는데 상세 페이지로 이동 시 사진 파일이 하나도 불려오지 않는 현상이 있었다.

 

 

원인

콘솔에 있는 네트워크를 확인해봤는데 데이터는 정상적으로 넘어오고 있었고 다른 오류 메세지는 없었다.

이미지를 제외하고는 정상적으로 넘어오는 것은 결국 나의 이미지 경로 문제였었다. 

근데 분명 메인 페이지는 됐는데 왜 그럴까...?

 

 

 

해결

이미지 파일을 pulic으로 옮기고 기존 경로에 process.env.PUBLIC_URL을 붙여주니 해결되었다.

생각을 조금만 더 했으면 경로 문제인걸 알았을텐데 처음 겪는 일이라 데이터의 문제로 생각하고 한참을 헤맸다...

사고를 조금 달리할 필요가 있다.

 

 

데이터가 정상적으로 불려온다 해결!