如何从具有不同域的iFrame发送帖子消息?

时间:2019-03-24 08:03:53

标签: javascript reactjs iframe

我正在尝试与父窗口和iFrame之间的post messages通信。这些框架位于不同的域(我的域和Google Maps iFrame)中。

将帖子消息从父窗口发送到iFrame可以正常工作:

const iFrameNode = ReactDOM.findDOMNode(this.refs.iframe);
iFrameNode.contentWindow.postMessage({data: JSON.stringify(data), type: 'GET_MARKERS'}, '*');

但是当我尝试将回复发送到父窗口时:

window.parent.postMessage({
    type: 'MARKERS',
    data: {
        mapInstance: window.googleMapsInstance,
        markersInstance: window.googleMapsMarkerInstance
    }
}, '*')

我遇到错误:

Uncaught DOMException: Blocked a frame with origin "https://localhost" from accessing a cross-origin frame.

我在做什么错了?

0 个答案:

没有答案