前端如何使得两个项目之间通信，window.open + postMessage

一、背景

由于公司内部需求不断加大，一个项目无法满足，多个项目直接需满足互相通信，则需要解决跨域传递消息的问题

二、两个项目之间如何通信，如何解决解决跨域传递消息

1. A.html ( https://www.a.com )

2. B.html ( https://www.b.com )

三、坑点

1. onload （失败）

window.open('xxx').onload = () => {

window.postMessage(message, targetOrigin, [transfer]);

}

2. setTimeout （失败，由于B网站不一定什么时候加载完成）

setTimeout(() => window.postMessage(this.userSession, targetUrl), 3000);

3. setInterval（成功，A网站定时器不断发送消息，当B网站接收到信息后，向A网站回复消息为已收到，关闭A网站的定时器）

let timeOfmsg = setInterval(() => {

winopen.postMessage(this.userSession, targetUrl);

}, 3000);