提供的目标来源与收件人窗口的来源不匹配（火箭聊天）

Question

我的Rocket chat 托管在https://chat.mydomain.com

我的网络应用（iframe 所在的位置）托管在 https://app.mydomain.com

我已经能够在背面很好地注册用户，在他们登录时返回一个 authToken。当我尝试从我的 ReactJS 应用程序中将 authLogin 发布回 iframe 时...

<iframe src="https://chat.mydomain.com/?layout=embedded" onLoad={() => this.login()} />

...

onLoad(){
    window.parent.postMessage({
        event: 'login-with-token',
        loginToken: authToken
    }, 'https://chat.mydomain.com');
}

...但是我收到以下错误：

Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://chat.mydomain.com') does not match the recipient window's origin ('https://app.mydomain.com').

有什么想法吗？

附言我在设置中启用了 iframe 集成并启用了 CORS。

Answer 1

尝试以下方法：

onLoad(){
    window.parent.postMessage({
        event: 'login-with-token',
        loginToken: authToken
    }, '*');
}

或者放一个id iframe：

<iframe id = "myiframe" src="https://chat.mydomain.com/?layout=embedded" onLoad={() => this.login()} />

...

onLoad(){
     document.getElementById('myiframe').contentWindow.parent.postMessage({
        event: 'login-with-token',
        loginToken: authToken
    }, '*');
}