🤍 전 강의 25% 할인 중 🤍

2024년 상반기를 돌아보고 하반기에도 함께 성장해요!
인프런이 준비한 25% 할인 받으러 가기 >>

  • 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    해결됨

15섹션 http://backend-practice.codebootcamp.co.kr/graphql 연동 관련(CORS) 질문입니다.

23.08.05 16:51 작성 23.08.05 16:51 수정 조회수 445

0

ApolloClient를 이용해서 graphql 연동 시 다음과 같은 에러가 발생합니다.

사용 환경이 localhost가 아니라 "Access-Control-Allow-Origin" 정보가 일치하지 않아 거부되고 있습니다. backend-practice graphql연동 시 localhost:3000 만 허용되는 것 같습니다.

아래 에러 정보 공유합니다.

Access to fetch at 'http://backend-practice.codebootcamp.co.kr/graphql' from origin 'http://10.10.9.109:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header has a value 'http://localhost:3000' that is not equal to the supplied origin. Have the server send the header with a valid value, or, if an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

 

ApolloClient에서 no-cors로 설정시에는 서버 에러를 수신하게 되어 현재 연동이 어려운 상태입니다.

어떻게 해야 할까요?

답변 1

답변을 작성해보세요.

0

안녕하세요! jskim75님!

해당 과정은 이후 로그인 과정 및 심화 과정을 포함하고 있으므로 모든 origin이 아닌, localhost:3000 origin에서만 요청 및 보안 처리가 가능하도록 만들어져 있습니다!

localhost:3000으로 접속해 주셔야 이후 모든 세션이 가능합니다!^^

채널톡 아이콘