[Javascript] Cross Domain 형태로 정보 교환하기 - CORS 문제 해결하기

크로스 도메인간의 정보교환시에

자주 접하는 문제가 CORS 에 대하여 처리해야한다.

 

 

Uncaught SecurityError: Failed to read a named property 'document' from 'Window': Blocked a frame with origin "https://도메인" from accessing a cross-origin frame.
    at test1_ok.php:3:15

 

다음 참고 사이트에 아주 잘 설명되어 있어서 소개한다.

 

https://junspapa-itdev.tistory.com/55

서로 다른 도메인을 사용하는 부모창과 자식창(iframe) 간 데이크 통신하는 방법(크로스도메인, pos

 

 

핵심은 window.postMessage() 이다.

 

자식창에서 부모창으로 데이터를 전달하는 방법
targetWindow.postMessage(message, targetOrigin, [transfer]);


자식창이 보낸 데이터를 부모창이 받아서 활용하는 방법
window.addEventListener('message', function(e) {}); 를 이용

 

 

 

참고 사이트 : https://junspapa-itdev.tistory.com/55