CORS3 [트러블슈팅] 서버 배포간 다양한 CORS 오류 🐞 버그 설명 상황서버 배포를 진행하며 굉장히 다양한 CORS 오류를 직면했다.그래서 배포를 진행하며 직면한 다양한 CORS 오류를 깃 이슈로 등록하려 한다. 발생한 버그API Gateway에 전역 CORS 필터를 적용했을 경우CORS 중복 설정으로 인한 오류STOMP와 관련된 CORS 오류발생한 버그들을 정리하자면 위와 같이 정리할 수 있다.순서대로 자세한 버그 내용과 해결 과정을 설명하도록 한다. 1. API Gateway에 전역 CORS 필터를 적용했을 경우초기 API Gateway에서는 클라이언트의 요청을 전부 API Gateway가 처리할 것으로 판단하여CORS와 관련된 설정을 해주는 필터도 API Gateway에 작성하였다.spring: application: name: gatewa.. 2024. 6. 25. [HTTP] OPTIONS 헤더, Preflight, CORS OPTIONS는 RFC 7231에 명시된 HTTP의 여러 메서드 중 하나이다. 아래 표는 HTTP의 각 메서드에서 활용할 수 있는 내용이 정리되어 있다. OPTIONS는 실제로 우리가 프레임워크나 라이브러리를 사용한다면 직접 사용햘 일은 드물다. 하지만, 현대의 Front와 Back을 나눠 개발하는 흐름에서는 꼭 알아야할 개념이다. HTTP의 OPTIONS Method HTTP OPTIONS 메서드는 타겟 리소스 혹은 서버와 통신하기 위한 통신 옵션을 확인할 때 사용된다. 즉, 이 OPTIONS 메서드를 활용하면 해당 타겟 서버나 리소스가 지원하는 method, header, content type을 알 수 있다. 주로, 브라우저의 JS가 보내는 Fetch, Axios 요청의 Preflight에서 사용된.. 2024. 3. 5. [HTTP] Cross Origin Resource Sharing, CORS 최신 브라우저의 대부분은 헤더와 CORS 정책을 적용한다. 따라서, CORS 문제는 어디에서나 발생할 수 있는 문제 중 하나이다. 따라서, CORS 표준을 맞추려면 모든 개발자 혹은 관리자가 알고 있어야하는 개념이다. CORS CORS란 현재 IP가 아닌 다른 IP로 리소스를 요청하는 구조로 일단 간단하게 알아두자. CORS에 대해 이해하려면 다음 3가지를 알아야하며 이 3가지에 관하여 설명할 것이다. Origin(Cross Origin VS Same Origin) SOP Access-Control-Allow-Origin 위 3가지는 모두 CORS에 관련된 것들이다. 1. Origin Origin은 요청이 시작된 서버의 위치를 나타내는 문구이다. 만약, Naver 로그인 서버로 로그인 요청을 한다고 가정.. 2024. 3. 5. 이전 1 다음
