Question

我在我的网站EAADHAR中添加iframe时出现问题，我想在我的网站的iframe中添加此网站eaadhaar.uidai.gov.in但是当我在我的网站上添加此iframe时，它无法显示任何内容显示空白页面，如果我在iframe中添加uidai.gov.in然后我的网站在iframe中正确显示这个网站，那么那时我该怎么办才能将ifaa中添加eaadhaar.uidai.gov.in到我的网站请解决我的问题问题

工作代码

<html>
<body>

<iframe src="https://uidai.gov.in" width="600" height="400" >
  
</iframe>

</body>
</html>

不工作代码

<html>
<body>

<iframe src="https://eaadhaar.uidai.gov.in" width="600" height="400" >
  
</iframe>

</body>
</html>

Answer 1

好的，我遇到了你的问题。您需要做的就是添加它遵循的协议，以确保不会破坏多级子域。

请尝试以下代码：

<html> 
<body> 
    <iframe src="https://eaadhaar.uidai.gov.in" width="600" height="400"></iframe> 
</body> 
</html>

如果有什么不起作用，请告诉我。

<强>更新

服务器设置X-Frame-Options标头以明确阻止您将网站嵌入框架中。你无能为力 - 如果服务器设置了该标题，则浏览器将不显示该内容。

我唯一能想到的是代理网址的AJAX请求，然后查看标头，如果它没有X-Frame-Options，则将其显示在iframe中。

Answer 2

第二个非工作网址正在发送一个标题，表明它不应该是iframed。

react-router

$ curl -I https://eaadhaar.uidai.gov.in > HTTP/1.1 200 OK > Date: Sat, 30 Apr 2016 18:06:54 GMT > Server: Apache-Coyote/1.1 > X-Frame-Options: SAMEORIGIN > ...值告诉您的浏览器只允许同一域名的网站使用iframe。禁止任何其他网站这样做。

如何在我的网站上添加iframe

2 个答案: