'SecurityError: 원본이 있는 프레임이 원본 간 프레임에 액세스하지 못하도록 차단했습니다'를 해결하는 방법은 무엇입니까?

"SecurityError: 출처가 있는 프레임이 교차 출처 프레임에 액세스하지 못하도록 차단함" 문제 해결

문제의 핵심

동일 출처 정책 중요한 보안 조치인 는 스크립트가 원본(프로토콜, 호스트 이름 또는 포트)이 다른 프레임에 액세스하는 것을 방지합니다. 이 오류는 원본이 일치하지 않는 iframe 내의 요소에 액세스하려고 할 때 발생합니다.

문제 해결

직접 JavaScript 액세스는 동일 원본 정책에 따라 금지됩니다. 그러나 두 페이지를 모두 제어하는 ​​경우 도메인 간 통신을 위해 window.postMessage를 고려하세요.

1. 기본 페이지:

   frame.contentWindow.postMessage(data, 'https://second-site.example');

2. 아이프레임 페이지:

   window.addEventListener('message', event => {
     if (event.origin === 'https://first-site.example') console.log(event.data);
   });

동일 출처 정책 비활성화(현명하지 않음)

예외적인 경우 정책을 비활성화해야 할 수도 있습니다. 그러나 보안 문제로 인해 사용하지 않는 것이 좋습니다.

일부 브라우저의 경우 비활성화 지침은 여기에서 확인할 수 있습니다.

• [Google Chrome](링크)
• [모질라 Firefox](링크)
• [Safari](링크)
• [Microsoft Edge(Chromium)](링크)
• [Brave](링크)
• [Microsoft Internet Explorer](링크)

동일 출처 정책을 비활성화하면 귀하의 브라우저에서만 작동하며 심각한 보안 위험을 초래합니다.

위 내용은 'SecurityError: 원본이 있는 프레임이 원본 간 프레임에 액세스하지 못하도록 차단했습니다'를 해결하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!