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

jskim75님의 프로필 이미지

작성한 질문수

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

15-01-pagination

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

해결된 질문

23.08.05 16:51 작성

·

491

·

수정됨

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

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

2023. 08. 05. 17:48

안녕하세요! jskim75님!

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

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

jskim75님의 프로필 이미지

작성한 질문수

질문하기