Iframe“（站点名称）拒绝连接。”错误

CN : 我在项目中使用的iframe元素的内容是“（站点名称）拒绝连接”。我收到错误消息如何修复此错误？

TR : Projemde kullandığım iframe öğesinin içeriği “（站点广告）bağlanmayı reddetti。” Hatası alıyorum, bu hatayı nasıl düzeltebilim?

 <iframe src="https://www.google.com/" frameborder="0"></iframe>

https://jsfiddle.net/fatihege/2he1nuyf/

原文由 DevFatih 发布，翻译遵循 CC BY-SA 4.0 许可协议

阅读 1.6k

这不是您的代码，因为网站可以阻止自己被陷害。

这是因为根据 mozilla 文档设置了特定的标头集（X-Frame-Options）： https ://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options

 <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
</head>
<body>
  <iframe src="https://www.google.com/" frameborder="0"></iframe>
</body>
</html>

但是对于另一个域（example.com）：

 <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
</head>
<body>
  <iframe src="https://www.example.com/" frameborder="0"></iframe>
</body>
</html>

在不允许您查看站点的情况下，您可以依靠服务器端来执行此操作。基本上这个概念是服务器将获取文件并将其附加到给定位置。

正如 @Dale 的回答所指出的，这可以用 php 来完成。对于那些使用其他服务器端语言的人，基本上应用相同的原则。这个在节点中的实现将是这样的：

 const express = require('express');
const fs = require('fs');
const { execSync } = require('child_process');
const app = new express();
const PORT = 3000;

const fetchWebsite = (url) => {
  execSync(`wget -q -O - ${url} > site.html`,
    (error, stdout, stderr) => {
      if (error !== null) {
        return false;
      }
  });
}

app.get('/', async (req, res) => {
  fs.writeFileSync('site.html', '', () => console.log('Created site.html'));
  fs.createReadStream('site.html').pipe(res);
  fetchWebsite('https://www.stackoverflow.com');
});

app.listen(PORT, () => {console.log("Listening at port: ", PORT)} )

当然，这是假设您使用的是标准 Linux 服务器并且您已经安装了 express 模块。

原文由 scoochy 发布，翻译遵循 CC BY-SA 4.0 许可协议

Iframe“（站点名称）拒绝连接。”错误

你尚未登录，登录后可以

问一个鼠标滚动事件，这种是怎么实现的？

form对象根据表单dom元素的name属性获取元素对象是基于什么标准的？兼容性如何？

threejs用octree实现房间内第三人称漫游并且添加了碰撞，人物在碰撞到墙壁的时候不停的弹回，应该怎么修改才能不会疯狂的弹回？

Vue为什么说textarea标签不支持插值表达式的？

为什么下面的代码内部的 div 其 100% 高度可以跳过上层元素?

单页应用网站缓存不是由于index.html文件被缓存导致的吗？

election嵌套了一个web项目通信为什么会中断?

Stack Overflow 翻译