Uncaught DOMException : Blocked a frame with origin "도메인" from accessing a cross-origin frame [오류 해결]

실무에서 일처리하다 막히는 경우 에러를 조회해 봤더니 제목과 같은 문거였다.

a도메인과 b도메인간의 접근이 브라우저 정책위반시 나타나는 문구이다.

 

그럼 어떠한 경우에 나타나냐

- 도메인, 프로토콜이 다른 경우 발생.

- 팝업창이나 페이지내 iframe을 사용할 때 서로 도메인or프로토콜이 다른 경우 발생.

필자는 iframe의 형식으로 생성된 페이지에서 발생하였다.

해결방법은

1. 팝업창과 도메인의 일치 : 이것을 사용하려 했지만 실무에서 도메인을 바꾸기는 현실적으로 불가능 하다, 

담당 업무자측에서 해결을 해야할 경우나, 서로 협력해서 해결해야 하므로 패스.

2. window.postMassage()로 우회시켜 통신

이러한 상황이라고 보자..서로 통신이 안되면 서로 동작을 처리할 수 없다.

이렇게 문법을 찾아서 파라메타값 넣어주고 

b도메인에게 보내면 서로 통신이 가능하게 된다!

이걸 응용해서 써먹으면 된다. 끝.