• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

상세 페이지 데이터 누락 오류입니다.

22.12.07 17:37 작성 조회수 284

1

다른 수강생분들에게도 문제 해결에 도움을 줄 수 있도록 좋은 질문을 남겨봅시다 :)
1. 질문은 문제 상황을 최대한 표현해주세요.

따라가던 도중 메인페이지에서는 이미지와 정보들이 잘 나오는데 클릭 후 상세페이지로 넘어갔을때 화면과 같이 데이터들이 누락 됩니다. 데이터 받아오는 로그 사진 입니다.스크린샷 2022-12-07 오후 5.34.09.png

 

https://github.com/Joji6666/jinsMarket2

https://github.com/Joji6666/jinsmarketServer

 

웹 이랑 서버 깃헙 주소 올려드립니다. ㅠㅠ

2. 구체적이고 최대한 맥락을 알려줄 수 있도록 질문을 남겨 주실수록 좋습니다. 그렇지 않으면 답변을 얻는데 시간이 오래걸릴 수 있습니다 ㅠㅠ
ex) A라는 상황에서 B라는 문제가 있었고 이에 C라는 시도를 해봤는데 되지 않았다!

3. 먼저 유사한 질문이 있었는지 꼭 검색해주세요!

답변 1

답변을 작성해보세요.

0

안녕하세요~

현재 보시면 product.imageUrl의 시작이 /images/... 로 되어있는데요. 그렇게 되면 아래 링크에서 보이듯 실제로 파싱되는 src는 localhost:8080//images/... 이렇게 images앞에 슬래시가 2개 붙게 됩니다. 따라서 DB에 imageUrl 앞에 /를 빼주셔야 할 것 같아요!
https://github.com/Joji6666/jinsMarket2/blob/d2016dd485df7bb9120a64dafc7025d1605a1a21/src/products/index.js#L28

 

그리고 문제가 생겼을 때는 개발자도구 -> elements에서 해당 이미지의 src가 어떻게 들어있는지 확인해보는 것도 좋은 디버깅 방법일 것 같습니다 :)