javascript - 本地开发时iframe权限被拒绝错误: what are my options?

Question

这是发生了什么:

我有一个应用程序 A 托管在 a.mycompany.com 和一个应用程序 B 托管在 b.mycompany.com

应用程序 A 包含一个 iframe，该 iframe 包含一个包含在应用程序 B 中的页面。

<!-- In A's index.html: -->
<iframe src="http://b.mycompany.com/something.html" >

我需要让父级与 iframe 对话或让 iframe 与父级对话。

它在服务器上工作正常，但是当我在本地开发时，我有两个不同的服务器在不同的端口上运行，所以我必须通过以下方式访问它们:

http://a.mycompanydev.com:1234
http://b.mycompanydev.com:5678

这会导致安全错误，因为您无法使用 JS 与来自不同域/子域或使用不同端口的 iframe 进行通信。

我能做什么？？

---

相关服务器故障问题:https://serverfault.com/questions/148171/how-to-map-localhost8080-to-simply-localhost

Answer 1

您可以使用片段 ID 消息传递，这是一种使用 window.location.hash(# 后面的 URL 部分)进行通信的技巧。这test page有一个例子。还有库，例如 Dojo促进这一点。

如果只需要支持最近的浏览器，可以使用postMessage .