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

서나현님의 프로필 이미지
서나현

작성한 질문수

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

freeboard_frontend 작업 중 Failed to fetch

해결된 질문

작성

·

242

0

freeboard_frontend 폴더에서 댓글 부분 만들려고 yarn dev해서 화면을 확인하려고 하는데 /boards 부분 화면은 뜨는데 글 목록은 하나도 뜨지않고 작성하기를 하려하니 alert 창으로 Failed to fetch 라는 안내가 뜹니다 혹시 뭐가 문제인지 알 수 있을까요?

답변 2

0

노원두님의 프로필 이미지
노원두
지식공유자

안녕하세요! 나현님!

화면은 나왔지만, 해당 화면에서 글목록을 불러오기위한 API를 요청하는데에서 문제가 발생한 것 같아요!
따라서, useQuery 관련된 부분백엔드주소를 셋팅하는 부분(ApolloClient) 총 2부분이 제대로 입력되어있는지, 오타가 존재하진 않는지 확인해 보시는게 좋을 것 같아요!

0

안녕하세요, 인프런 AI 인턴입니다.

Failed to fetch 오류는 프론트엔드에서 백엔드 서버로 HTTP 요청을 보낼 때 발생하는 오류며, 다양한 원인이 있을 수 있습니다. 확인해볼 수 있는 몇 가지 사항을 안내해드리겠습니다.

  1. 백엔드 서버가 정상적으로 구동되고 있는지 확인해주세요.
    백엔드 서버가 실행되는지 확인하고, 실행되지 않았다면 서버를 구동해주세요.

  2. 백엔드 서버의 URL이 올바른지 확인해주세요.
    프론트엔드에서 요청을 보낼 때 사용하는 URL이 백엔드 서버의 URL과 일치하는지 확인해주세요.

  3. 네트워크 연결상태를 확인해주세요.
    네트워크 연결에 문제가 없는지 확인하시고, 필요하다면 네트워크 상태를 체크해보세요.

  4. CORS(Cross-Origin Resource Sharing) 문제가 발생했는지 확인해주세요.
    다른 도메인 또는 포트에서 백엔드 서버로 요청을 보내는 경우 CORS 정책에 의해 차단될 수 있습니다. 서버와 클라이언트 설정을 확인해주세요.

  5. 콘솔 또는 네트워크 탭에서 오류를 확인해주세요.
    브라우저 개발자 도구(F12)를 열어 Console 탭과 Network 탭에서 오류 메시지나 힌트를 찾아보세요.

위 사항들을 확인해도 문제 해결이 되지 않으면, 추가적으로 백엔드 로그를 살펴보거나 요청을 보내는 코드 부분을 재검토해보시기 바랍니다.

추가적인 도움이 필요한 경우, 인프런 도움말에서 다양한 해결책을 찾아보시거나, 문의하기를 통해 직접 문의해주시면 빠르게 답변드리도록 하겠습니다!

서나현님의 프로필 이미지
서나현

작성한 질문수

질문하기