자바스크립트 크로스 도메인 에러

 

로컬 서버 -> 아임포트 서버로 Ajax 통신시 Cross Domain(다른 URL의 리소스를 건드는 짓을 막는 보안규칙) 발생 

 

발생이유)

- 자바스크립트로 다른 서버의 자원에 접근을 하지 못하는 정책(동일 출처 정책-Same Origin Policy) 때문! 

 

동일 출처 정책(Same Origin Policy) 무엇인가? ) 

- 자바스크립트 보안을 위해 필요하지만 요즘에는 Rest API 사용과 같이 자바스크립트에서 외부 도메인으로 호출이 필요한 경우가 많아지는 상황에서는 불편한 기술이 될수 있음 이걸보완하기 위해 CORS 라는 추가정책이 만들어짐 

 

동일 출처 정책(Same Origin Policy) 회피하여 외부서버로 요청 날리는 방법) 

1.웹 브라우저 실행시 외부 요청을 허용하게 해주는 옵션 추가 

2.외부 요청을 가능하게 해주는 플러그인 설치

3.JSONP 방식을 통한 요청 

 

CORS(Cross-Origin Resource Sharing) 정책

- 해당 도메인에서 다른 도메인 서버의 리소스에 액세스 할 수있는 권한을 얻을 수 있도록하는 정책

- 해당 서버에서 외부요청을 허용할 경우 다른 도메인간 Ajax 통신이 가능해지는 방식 

 

출처: https://adrenal.tistory.com/16 [시나몬 브레드]