API와 DB연결

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

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

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=["*"],
   )

API 서버 실행 상태 확인:
- http://localhost:7071에서 API 서버가 정상적으로 실행 중인지 확인해 주세요. 터미널에서 서버가 정상적으로 작동하는지, 오류 메시지가 없는지 확인해야 합니다.
포트 설정 충돌 확인:
- 포트 7071이 이미 다른 애플리케이션에 사용되고 있지는 않은지 점검이 필요합니다. 포트가 충돌하면 웹소켓 연결에 문제가 발생할 수 있습니다.
네트워크 요청 문제:
- 브라우저의 네트워크 탭에서 요청이 어떻게 처리되고 있는지 확인해 보세요. 응답 본문이나 헤더에서 더 많은 정보를 확인할 수 있습니다.

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

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

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

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