자바스크립트 CORS(Corss Origin Resource Sharing)과 대처방안에 대하여!

-

-
안녕하세요? 오늘은 CORS (Corss Origin Resource Sharing)과 그에따른 대처방안에 대해서 알아보도록 하겠습니다.

CORS (Corss Origin Resource Sharing)란?
: CORS(교차 출처 리소스 공유)는 웹 브라우저에서 구현된 보안 기능으로, 한 출처(도메인)에서 실행되는 웹 애플리케이션이 다른 출처에서 리소스를 요청할 수 있도록 허용하거나 제한합니다. 이는 웹 애플리케이션의 보안을 유지하고 악의적인 사이트가 민감한 데이터에 접근하는 것을 방지하기 위해 중요합니다.

CORS (Corss Origin Resource Sharing) 발생 이유는, 보통 Https에서 Http로 요청을 하였을때 혹은, 서로 다른 도메인에서 자료를 가져올 때 발생합니다.

 

그럼, 대처방안에 대해서 알아보도록 하겠습니다.

1. 플러그인 다운로드
  

다운로드 URL : http://www.ajax-cross-origin.com/

Home - CrossOr in Ajax

 

2. JSP 상단 스크립트 부여

<script type="text/javascript" src="파일경로/jquery.ajax-cross-origin.min.js"></script>

3. ajax 통신 소스 상단 부분에 옵션 추가

$.ajax({  crossOrigin: true,     contentType: "application/json; charset=utf-8",     type : "POST",     dataType : null,     url : "/sample/test",     data : JSON.stringify({ "" : "" }),     error : function(xhr, status, error) { console.log(error); },     success : function(rtn) { console.log(rtn); } });

 

오늘은 CORS (Corss Origin Resource Sharing)과 그에따른 대처방안에 대해서 알아보았습니다.
그럼 오늘도 즐거운 하루 되시길 바라겠습니다.