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

박채연님의 프로필 이미지
박채연

작성한 질문수

만들면서 배우는 프론트엔드 DO IT 코딩 (Next.js, Typescript)

댓글 추가 API 뷰와 연결

const resp = await fetch(`/api/messages.list?uid=${uid}`)가 404에러가 뜹니다

작성

·

333

0

안녕하세요 강사님!

스크린샷 2023-08-03 17.13.54.png스크린샷 2023-08-03 17.14.06.png이 쪽 부분이 에러가 뜨는데 어디를 확인해 봐야할까요?

 

아 그리고, 제 페이지에서도 강사님처럼 밑에 메세지 창들이 쭉 떠야하나요?

 

스크린샷 2023-08-03 17.14.22.png

답변 1

0

totuworld님의 프로필 이미지
totuworld
지식공유자

네, 메시지 리스트니까 목록처럼 나와야겠죠.

 

디버깅 과정은 어제와 비슷합니다.

넘어간 uid가 올바른가?

api 컨트롤러까지 응답이 잘 왔나?

잘 오지 않았다면 호출한 url이 유효한가?

잘 왔다면, 컨트롤러의 어느 지점에서 404로 반환하는가?

 

등의 과정으로 확인해보면 됩니다.

totuworld님의 프로필 이미지
totuworld
지식공유자

아 코드보니 원인 뭔지 알겠네요.

 

api 컨트롤러 파일명 확인해보세요.

박채연님의 프로필 이미지
박채연
질문자

messages.list.ts 파일명 말씀이신가요?

스크린샷 2023-08-04 01.05.11.png확인하다보니uid누락이라는 에러가 뜨네요 ㅠㅠㅎㅎ

스크린샷 2023-08-04 00.28.26.png

스크린샷 2023-08-03 22.21.39.png

totuworld님의 프로필 이미지
totuworld
지식공유자

uid 누락도 url을 보면 답이 있어요.

Query param을 잘 보시면 뭔가 빠져있을거에요

박채연님의 프로필 이미지
박채연
질문자

아,,, = 이 누락이 됬군요ㅜㅜㅜ

저 정말 안보였어요ㅠㅠㅠ감사합니다....

totuworld님의 프로필 이미지
totuworld
지식공유자

계속 보면 잘 안보이죠. 그래서 뭔가 잘 안풀리실 때 동네라도 한 바퀴 걷고 오시는거 추천합니다 :)

박채연님의 프로필 이미지
박채연

작성한 질문수

질문하기