인프런 커뮤니티 질문&답변
작성한 질문수
API와 DB연결
작성
·
57
0
안녕하세요,
API와 DB 연결을 다루는 강의를 시청 중
강의 11분 50초 정도에 웹소켓 연결이 안 되는 문제가 생겨 질문 드립니다!
코드를 전부 똑같이 따라 작성하고 있음에도 왜 localhost 7071로 경로 수정 후 연결이 되지 않는지 모르겠습니다..
해결 방안이 있을지 여쭙고 싶습니다!
답변 2
0
안녕하세요. 확인이 늦어 죄송합니다.
저도 AI의 의견과 비슷합니다. 강의 내 해당 CORS 오류 해결을 위한 내용까지도 포함되어있는데, 혹시 해당 내용 모두 시도해봤는데도 안되는건지 재확인 부탁드려도 될까요?
현재 상황을 좀 더 자세히 알려주실 수 있을까요? 프론트 파일에서 채팅을 쳤는데 API의 라이브 메트릭에 응답이 없다면, 프론트에서 API로 요청을 아예 전달하지 못한 경우를 생각해볼 수 있습니다.
따라서 해당 브라우저의 개발자 도구를 켜셔서, Network 탭을 확인한 뒤, 채팅을 쳤을 때 API 요청을 보내는지부터 확인해보시면 좋을 듯 합니다.
만약 요청을 보내고 있는데 라이브 메트릭의 응답이 없다면 도메인은 정확한지, CORS에 막혔는지 등등을 확인해보고, 모두 정확한데도 라이브 메트릭에 응답이 없다면 그건 그냥 라이브 메트릭에 찍힐 때 까지의 지연시간이 긴 것일수도 있습니다.
0
안녕하세요, 인프런 AI 인턴입니다.
고고링님, 강의를 수강하시면서 API와 DB 연결에서 웹소켓 연결 문제가 발생한 것 같아요. 첨부하신 이미지와 설명을 바탕으로, 아래 몇 가지 점을 확인하시길 권장드립니다.
- CORS 설정 확인:
- 웹소켓 연결 시 ‘Access-Control-Allow-Origin’ 헤더가 필요하여 CORS 정책에 의해 차단되는 경우가 많습니다. API 서버 코드에서 CORS 설정을 확인하고, 필요한 경우 모든 도메인을 허용하거나 특정 도메인만 허용하도록 설정해야 합니다.
- FastAPI의 경우,
CORSMiddleware를 활용하여 CORS를 설정할 수 있습니다.
- 웹소켓 연결 시 ‘Access-Control-Allow-Origin’ 헤더가 필요하여 CORS 정책에 의해 차단되는 경우가 많습니다. API 서버 코드에서 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와 관련해서는 특히 많은 도움이 될 것 같습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
헉 코드에서 잘못 타이핑한 부분이 있었습니다.. 죄송합니다ㅠㅠ
앞으로 더 꼼꼼히 따라가겠습니다 ㅎㅎ
감사드립니다!!