是否可以将iframe与源地址中的localhost地址一起使用？

Question

我的HTML标记非常简单

....
<iframe width="800" height="800" src="http://localhost:69345/Handler.ashx"/>
...

但是此页面已被我使用的所有浏览器阻止。我想知道是否有解决此问题的方法？当然，我完全理解，如果将我的页面部署到生产环境中，将不会有任何问题。但是，如果iframe在本地被阻止，我该如何进行测试？

非常感谢您

Answer 1

请勿使用绝对网址

使用亲戚

....
<iframe width="800" height="800" src="Handler.ashx"/>
... 

Answer 2

尝试使用设备的实际IP地址（通常为127.0.0.1）...

<iframe width="800" height="800" src="http://127.0.0.1:69345/Handler.ashx"/>

不要忘记端口号！

P.S：在Mac OS上，您可以运行ifconfig | grep inet或ifconfig | grep 127之类的东西来标识您的网络IP地址。

Answer 3

只需尝试相对路径

<iframe width="800" height="800" src="Handler.ashx"/>

Answer 4

您在这里遇到一些问题。首先是该请求预期将在端口69345上得到服务（该端口非常类似于调试器自动配置的端口）。该端口当前正在处理请求吗？如果没有iframe，您可以转到该页面吗？在生产环境中部署页面时，绝对可以保证此URL可以中断，因为localhost始终解析为相对于客户端而不是服务器的127.0.0.1。您需要查看实际地址是或将要是什么。在我输入此内容时，正如一些张贴者所回答的那样，您的问题可能很简单，只需使用相对网址即可。如果那不能解决您的问题，则您需要调查将为该处理程序提供服务的实际端口和服务器名称。

Answer 5

[Chrome在iframe中显示以下文本时：

是因为服务器将X-Frame-Options header响应为X-Frame-Options。

解决方案是更改服务器配置，以便删除此标头或将其设置为DENY。

例如，如果您使用的是Django，则可以更改SAMEORIGIN或用X_FRAME_OPTIONS setting装饰视图。

Answer 6

相对路径将不起作用，因为他正在使用其他端口。