Question

我们的需求：我们计划整合两个django项目A和B，我们在项目A中有一个菜单栏，当选择B时，菜单右边的部分可以显示B页面。

所以我采取iframe来做到这一点，但我第一次遇到问题，它有效。

<iframe id='iframe_id' width='100%' height='900' src="http://exmail.qq.com/">
  <p>test.</p>
</iframe>

然而，当我第二次尝试用我的测试工具替换src时，它无法按照我的预期显示。

<iframe id='iframe_id' width='100%' height='900' src="http://azsedemo04.cloudapp.net:3000/">
  <p>test.</p>
</iframe>

是否由于主机而失败？

有人知道如何满足这种需求吗？或任何新想法可以帮助我？

提前致谢。

Answer 1

开发者控制台中是否有任何错误消息？像CORS违规？您希望嵌入iframe的应用程序很可能在http标头中没有设置来执行此操作。

检查您的嵌入式应用程序在HTTP响应中是否包含此标头： Access-Control-Allow-Origin: *; 它允许从任何地方交互和加载此资源。成功后，将设置更严格，以避免安全问题

跨域问题涉及iframe之间的通信。您始终可以嵌入任何iframe，但如果域名不同，则iframe不能相互交互，例如执行JS，修改DOM等。