인프런 커뮤니티 질문&답변

작성한 질문수

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

웹과 API 연동하기 & dayjs로 날짜 다루기_강의중 상세페이지를 불러오지 못했습니다

작성

·

332

0

안녕하십니까 강의를 듣는중에 상세페이지가 불려오지 않아 이렇게 질문 남깁니다.

포스트맨에서는 정보를 잘 가져오고 DB에도 데이터가 잘 저장된 것을 확인했는데 상품을 눌러 상세페이지 이동에서만

상세페이지가 보이지 않아 질문 남깁니다

아래는 상세페이지 화면입니다.

production_index코드입니다.

main_index코드입니다.

server.js코드입니다.

models코드입니다

포스트맨 화면입니다.

express react-native HTML/CSS javascript tensorflow react 머신러닝 배워볼래요? nodejs

답변 1

0

지식공유자

안녕하세요! 아래 두가지를 올려주시면 더 수월하게 문제를 발견할 수 있을 것 같습니다.

1. 브라우저의 상세페이지쪽 로그

2. 서버에서 요청시 발생한 로그

질문자

8080 서버 요청시 나오는 콘솔화면입니다.

상세페이지 요청시 콘솔화면입니다.

메인화면 요청시 콘솔화면입니다.

질문자

https://github.com/ParkGiBeom97?tab=repositories

파일 위치를 바꾼게 따로 없는데 404에러가 나옵니다 ㅠㅠ

지식공유자

서버 에서 상품 상세조회 API이 products/:id 는 어떤 로그가 보이나요?

지금 봤을 때 상품 상세 조회 페이지 쪽 이슈인 것 같은데, 상품 상세 조회시 서버에 에러로그가 있는지, 그리고 API 요청이 제대로 가는지 확인을 해봐야 알 것 같습니다!

질문자

http://localhost:8080/products/1 에서는 콘솔에 아무것도 찍히지 않습니다 나머지 2,3도 마찬가지입니다

지식공유자

제공해주신 github 코드를 다시 확인해봤는데요. 경로 path가 현재 product/:id로 되어있네요! products/:id 경로로 바꿔주시면 해결될 것 같습니다 :)

https://github.com/ParkGiBeom97/grab-market-client/blob/add3714cd6ca3e294b09686b62868c964395763d/src/App.js#L33

질문자

아 에러메시지도 안떠서 엄청 헤맸는데 감사합니다!

작성한 질문수