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

고고링님의 프로필 이미지
고고링

작성한 질문수

Azure Native로 나만의 GPT 만들기

API와 DB 연동하기

API와 DB연결

작성

·

55

0

안녕하세요,

API와 DB 연결을 다루는 강의를 시청 중
강의 11분 50초 정도에 웹소켓 연결이 안 되는 문제가 생겨 질문 드립니다!

image.png

코드를 전부 똑같이 따라 작성하고 있음에도 왜 localhost 7071로 경로 수정 후 연결이 되지 않는지 모르겠습니다..

해결 방안이 있을지 여쭙고 싶습니다!

 

답변 2

0

정동형님의 프로필 이미지
정동형
지식공유자

안녕하세요. 확인이 늦어 죄송합니다.
저도 AI의 의견과 비슷합니다. 강의 내 해당 CORS 오류 해결을 위한 내용까지도 포함되어있는데, 혹시 해당 내용 모두 시도해봤는데도 안되는건지 재확인 부탁드려도 될까요?

고고링님의 프로필 이미지
고고링
질문자

헉 코드에서 잘못 타이핑한 부분이 있었습니다.. 죄송합니다ㅠㅠ

앞으로 더 꼼꼼히 따라가겠습니다 ㅎㅎ

감사드립니다!!

정동형님의 프로필 이미지
정동형
지식공유자

아닙니다 ㅎㅎ 오류 해결하셨다니 다행입니다!! 더 필요하신게 있으시면 정말 괜찮으니 언제든지 질문 남겨주세요!!

고고링님의 프로필 이미지
고고링
질문자

정말 감사합니다..

혹시 프론트 파일에서 채팅을 쳤는데 라이브 매트릭에서 응답이 없다면..

어떤 것들을 다시 확인해 봐야할까요..??

정동형님의 프로필 이미지
정동형
지식공유자

현재 상황을 좀 더 자세히 알려주실 수 있을까요? 프론트 파일에서 채팅을 쳤는데 API의 라이브 메트릭에 응답이 없다면, 프론트에서 API로 요청을 아예 전달하지 못한 경우를 생각해볼 수 있습니다.

따라서 해당 브라우저의 개발자 도구를 켜셔서, Network 탭을 확인한 뒤, 채팅을 쳤을 때 API 요청을 보내는지부터 확인해보시면 좋을 듯 합니다.

만약 요청을 보내고 있는데 라이브 메트릭의 응답이 없다면 도메인은 정확한지, CORS에 막혔는지 등등을 확인해보고, 모두 정확한데도 라이브 메트릭에 응답이 없다면 그건 그냥 라이브 메트릭에 찍힐 때 까지의 지연시간이 긴 것일수도 있습니다.

0

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

고고링님, 강의를 수강하시면서 API와 DB 연결에서 웹소켓 연결 문제가 발생한 것 같아요. 첨부하신 이미지와 설명을 바탕으로, 아래 몇 가지 점을 확인하시길 권장드립니다.

  1. CORS 설정 확인:
    • 웹소켓 연결 시 ‘Access-Control-Allow-Origin’ 헤더가 필요하여 CORS 정책에 의해 차단되는 경우가 많습니다. API 서버 코드에서 CORS 설정을 확인하고, 필요한 경우 모든 도메인을 허용하거나 특정 도메인만 허용하도록 설정해야 합니다.
    • FastAPI의 경우, CORSMiddleware를 활용하여 CORS를 설정할 수 있습니다.

예제:

   from fastapi.middleware.cors import CORSMiddleware

   app.add_middleware(
       CORSMiddleware,
       allow_origins=["*"],  # 모든 도메인을 허용하려면 ["*"]
       allow_credentials=True,
       allow_methods=["*"],
       allow_headers=["*"],
   )
  1. API 서버 실행 상태 확인:

    • http://localhost:7071에서 API 서버가 정상적으로 실행 중인지 확인해 주세요. 터미널에서 서버가 정상적으로 작동하는지, 오류 메시지가 없는지 확인해야 합니다.
  2. 포트 설정 충돌 확인:

    • 포트 7071이 이미 다른 애플리케이션에 사용되고 있지는 않은지 점검이 필요합니다. 포트가 충돌하면 웹소켓 연결에 문제가 발생할 수 있습니다.
  3. 네트워크 요청 문제:

    • 브라우저의 네트워크 탭에서 요청이 어떻게 처리되고 있는지 확인해 보세요. 응답 본문이나 헤더에서 더 많은 정보를 확인할 수 있습니다.

관련 토론과 해결 방법은 아래 링크들을 참고해 주세요:

위의 링크들에서 비슷한 상황에서 해결된 사례들을 확인해 보시면 도움이 될 것입니다. CORS와 관련해서는 특히 많은 도움이 될 것 같습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

고고링님의 프로필 이미지
고고링

작성한 질문수

질문하기