javascript - Angular 7 : Transfer data from one application to another application

Question

我有 2 个 Angular 应用程序。我想将数据从一个应用程序传递到另一个在不同域上运行的应用程序。我尝试使用 window.postMessage 但是，我没有在第二个应用程序中获得任何数据。

第一个应用程序有以下代码

const w = window.open('http://192.168.5.134:1210/', ''); 
w.postMessage('Hello Message!', 'http://localhost:4200');

第二个应用程序有以下代码

  window.addEventListener("message", receiveMessage, false);

  function receiveMessage(event) {
    alert(event.origin);
    if (event.origin !== "http://localhost:4200") {
      return;
    }
    alert(event.data.data);

  }

Answer 1

由于安全原因，两个不同的域不能相互通信。

这适用于 postMessage、localStorage 或与您的浏览器相关的任何内容。

唯一合适的选择是让它们与第三方通信，让它成为独立的客户端、API 或与浏览器本身无关的任何其他东西。

您也许可以使用 Iframe，但我不确定，我什至不知道该怎么做。