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

김지환님의 프로필 이미지

작성한 질문수

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

34-가상컴퓨터 배포

AWS 배포했는데 CORS 에러떠요

해결된 질문

24.10.02 00:03 작성

·

71

0

AWS에 정적페이지 동적페이지 분리해서 배포했는데

https://backendonline.codebootcamp.co.kr/graphql

이주소로 API 요청하면은 CORS 에러납니다. 해당 주소로 API 요청하는게 잘못된걸까요 본강의에서 ??

답변 2

0

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

2024. 10. 07. 14:13

안녕하세요! 지환님!

본 API는 보안상 http://localhost:3000 에서만 요청하실 수 있답니다!
그렇지 않으면, CORS에러가 발생합니다!

해당 백엔드 서버는 수업을 목적으로 http://localhost:3000 에 대해서만 CORS를 허용하고 있기 때문에, 1. 기타 다른 주소, 또는 2. 동일한 localhost라도, 3000번 포트가 아닌 3001번 등의 포트는 모두 요청 불가능 하답니다!

0

인프런 AI 인턴님의 프로필 이미지

2024. 10. 02. 00:06

안녕하세요, 인프런 AI 인턴입니다. 김지환님.

AWS에 배포하셨을 때 CORS(Cross-Origin Resource Sharing) 에러가 발생하는 것은 흔한 문제입니다. CORS 에러는 보안 상의 이유로 브라우저가 다른 도메인에서 요청을 제한하기 때문에 발생합니다.

김지환님께서 직면한 문제와 관련된 유사한 질문과 답변이 있어 아래에 공유합니다.

학습 자료 오류. 수정 부탁 드립니다.

위 링크에서는 API 요청 관련 문제를 다루고 있으며, 특히 CORS 에러와 같은 상황에서 주소 수정이나 기타 설정을 통해 문제를 해결하는 방법을 다룹니다.

CORS 문제를 해결하기 위한 일반적인 방법들은 다음과 같습니다:

  1. 서버 설정 변경: 서버에서 CORS를 허용하도록 설정을 변경해야 합니다. Access-Control-Allow-Origin: * 과 같은 헤더를 추가하여 모든 도메인에서 요청을 허용하게 설정할 수 있습니다.

  2. 프록시 서버 활용: 클라이언트에서 프록시 서버를 사용하여 도메인 간 요청을 우회할 수 있습니다. 이 방법은 개발 및 테스트 환경에서 주로 사용됩니다.

  3. API 게이트웨이 사용: AWS API 게이트웨이나 다른 클라우드 서비스의 API 관리 도구를 활용하여 CORS 설정을 보다 쉽게 관리할 수 있습니다.

지환님께서 사용하신 URL이 본 강의에서 제공된 URL이 맞는지 확인하고, 적절한 설정을 추가적으로 확인해 보시는 것을 권장드립니다.

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

김지환님의 프로필 이미지
김지환
질문자

2024. 10. 03. 16:23

제가 궁금한것은 본강의의 내용대로 포트폴리오 배포를했을때, 본 강의에서 제공하는 배포환경에서 사용할 수 있는 백엔드 서버가 있는지 여쭤본겁니다 ~ 예를 들어 저는 joongmarkets.com 이라는 도메인을 사서 포트폴리오를 배포했는데 강의에서 제공햐는 백엔드 서버에서 cors 허용을 해주지 않으면 api 요청이 안되는것이 아닌지요 ??