Refused to display because an ancestor violates the following Content Security问题简单解决

最新推荐文章于 2024-01-03 10:16:25 发布
最新推荐文章于 2024-01-03 10:16:25 发布
阅读量8.3k 收藏
点赞数
分类专栏： workspace 文章标签： meta iframe中访问https
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AdminC/article/details/108406941
版权

 http的iframe中访问https页面简单解决办法

在公司云平台（微信企业号及公众号管理）上需要显示其他公众号微信文章，正常来说直接在富文本编辑器中设置超连接是没问题的，但是微信文章是https开头，而服务器http开头，导致页面报错：

Refused to display 'https://mp.weixin.qq.com/xxx' in a frame because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'self'

 解决方案：在页面中设置meta ，url可动态设置

 <meta http-equiv="refresh" content="0;url=${contentColumn.URL}">

iframe设置如下：

<iframe src="${contentColumn.URL}" frameborder="0" scrolling="no" style="width: 100%;height: 100%"></iframe>

 

AnNong。
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
Chrome扩展页面动态绑定JS事件提示错误
12-08
这个问题的根源在于Chrome浏览器的安全策略，尤其是Content Security Policy (CSP)。CSP是一种安全机制，用于防止跨站脚本攻击(XSS)和其他恶意注入。在Chrome扩展中，CSP限制了JavaScript的执行方式，以保护用户免受...
解决vue前端iframe框架嵌套第三方网址拒绝访问
最新发布
HD243608836的博客
04-16 3060
Refused to display '嵌套的网址' in a frame because it set 'X-Frame-Options' to 'sameorigin'.
iframe嵌入第三方链接页面不展示、cookie丢失等问题总结
热门推荐
dong__xue的博客
08-23 4万+
需求是这样的：有一个第三方开发的系统的页面需要嵌入到我们的项目中，对方提供了一个地址：http://ip:port/path?name=xxx&pw=xxx。 当我们想使用iframe来展示这个地址的时候，出现以下现象和错误： 并且控制台报错： Refused to frame 'http://10.65.78.23:30002/' because an ancestor violates the following Content Security Policy directive: "
an ancestor violates the following Content Security Policy directive: “frame-ancestors ‘none‘”.
sqlora的专栏
09-01 2万+
一.从 iframe 说起 利用iframe能够嵌入第三方页面，例如： <iframe style="width: 800px; height: 600px;" src="https://www.baidu.com"/> 然而，并非所有第三方页面都能够通过iframe嵌入： <iframe style="width: 800px; height: 600px;" src="https://github.com/join"/> Github 登录页并没有像百度首页一样
【nginx启动报错】Refused to frame ‘https://docs.github.com/‘ because an ancestor violates the following Co
态度决定一切
04-22 6981
Refused to frame 'https://docs.github.com/' because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'self' github.com *.github.com *.githubusercontent.com *.githubassets.com".
解决iframe嵌套第三方网址不能访问
Davi的博客
05-11 2万+
X-Frame-Options 是一个 HTTP 响应头部，用于防止网站被嵌入到其他网站的 iframe 中。该协议定义了一些选项，使网站可以控制在哪些网站中可以嵌入自己的内容，从而防止网站被点击劫持攻击。如果网站设置了 X-Frame-Options 响应头部，浏览器会根据该选项来决定是否允许在 iframe 中显示该网站的内容。并隐藏来自该网站的两个响应头：“Content-Security-Policy” 和 “X-Frame-Options”。2.SAMEORIGIN：只允许同源网站嵌入。
Refused to frame ‘XXX‘ because an ancestor violates the following Content Security Policy directive:
tomcat_little的博客
04-12 1万+
———————————————— 版权声明：本文为CSDN博主「Anthony_tester」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本...
IIS日志报Connections_Refused问题的解决方法
09-30
主要介绍了IIS日志报Connections_Refused问题的解决方法,本文给出了2个解决方法,需要的朋友可以参考下
Linux 出现telnet: 127.0.0.1: Connection refused错误解决办法
09-15
如果以上步骤都无法解决问题，可能是由于系统或软件包的问题。尝试更新系统和所有相关软件包，以确保你拥有最新的安全修复和功能。 感谢你阅读这个指南，希望这些解决方案能帮助你解决“telnet: 127.0.0.1: ...
java.net.ConnectException: Connection refused问题解决办法
09-01
主要介绍了java.net.ConnectException: Connection refused问题解决办法的相关资料,需要的朋友可以参考下
解决vue net :ERR_CONNECTION_REFUSED报错问题
10-14
在开发Vue应用时，开发者可能会遇到“net :ERR_CONNECTION_REFUSED”错误，这通常表示浏览器无法连接到指定的服务器。这个错误可能出现在多种场景下，...希望这些信息能帮助开发者更好地理解和解决问题，提升开发效率。
内容安全策略（content-security-policy）
我的LOG
12-31 3万+
iframe 在使用iframe 的时候 <iframe style="border:0;width:100%;height:100%" src="https://github.com/join"/> 经查 报的是 Refused to frame ‘https://github.com/’ because an ancestor violates the following Content Security Policy directive: “frame-ancestors ‘non
nginx 的安全策略问题
zhangiser的专栏
05-09 3197
不允许被嵌入，包括, , , 和 在nginx的 nginx.conf 的http 下面 加入安安全策略。这里主要是 frame-ancestors的参数需要调整。# 只允许被白名单内的页面嵌入。# 只允许被同源的页面嵌入。
uni-app - Refused to display ‘xxx‘ in a frame because an ancestor violates the following Content Sec
王佳斌
07-19 3675
uni-app - Refused to display ‘xxx‘ in a frame because an ancestor violates the following Content Sec
Refused to frame ‘http://x/‘ because it violates the following Content Security Pollicy directive: “
weixin_44365001的博客
01-03 834
Refused to frame ‘http://10.100.131.22:9510/’ because it violates the following Content Security Policy directive: “frame-src ‘self’”.这个报错啥意思，怎么解决啊，表单显示不出来，
Refused to display ‘https://xxx.com.cn‘ in a frame because it set ‘X-Frame-Options‘ to ‘sameorigin‘
luochuanrong的博客
02-23 4732
Android5.0+ webView+vue，使用iframe加载云端文档URL时出现了报错，加载网页失败 由于响应头添加X-Frame-Option为’SAMEORIGIN’，导致了问题的产生 解决办法： 1、服务器修改配置 2、我们可以在webView中忽略X-Frame-Option,示例代码 如下 首先，在app/build.gradle中引入依赖 api 'org.jsoup:jsoup:1.12.1' 其次，在webViewClient中配置 webView.setWebViewClient
JIRA出现Refused to display 'URL' in a frame because an ancestor violates the following Co错误
曲行客的专栏
10-10 6029
今天在Linux服务器配置安装好JIRA后，通过服务器IP地址加端口可以访问成功。 之后领导要求将服务器IP绑定到公司一个二级域名下。通过访问这个二级域名可以直接访问JIRA。 最开始的想法是修改JIRA访问端口，改为80端口，这样就可以直接访问。但80端口被占用了。之后选择将80端口流量转发给设定的8080端口，但是这样会导致服务器上其他软件访问80端口时肯定报错。 最后想到了通过配置域名解析隐...
Nginx安全策略 “frame-ancestors ‘self‘“
可乐要加冰！！！
11-23 2904
nginx 的安全策略问题
Refused to frame ‘XXX‘ because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'none' "是什么原因引起的，怎么解决
01-24
引用[1]和引用[2]中的报错信息都是由于Content Security Policy（CSP）策略导致的。CSP是一种安全机制，用于限制网页中的资源加载和脚本执行，以减少恶意攻击的风险。当网页中的某个元素（如iframe）试图在一个祖先元素的上下文中加载资源时，如果祖先元素的CSP策略不允许该操作，就会出现这个报错。 报错信息中的"frame-ancestors 'none'"和"frame-ancestors 'self'"是CSP策略中的一部分，用于指定允许加载iframe的祖先元素。"frame-ancestors 'none'"表示不允许任何祖先元素加载iframe，而"frame-ancestors 'self'"表示只允许同源的祖先元素加载iframe。 要解决这个问题，可以尝试以下几种方法： 1. 检查网页的CSP策略：查看网页的响应头或元数据中是否设置了CSP策略，并确认是否包含了"frame-ancestors 'none'"或"frame-ancestors 'self'"。如果是，可以尝试修改策略，允许加载所需的iframe。 2. 检查祖先元素的CSP策略：如果报错信息中指定了具体的祖先元素，可以检查该元素所在的页面或应用的CSP策略，并确认是否设置了"frame-ancestors 'none'"。如果是，可以尝试修改策略，允许加载iframe。 3. 使用合适的CSP策略：根据实际需求和安全考虑，可以使用适当的CSP策略来限制资源加载和脚本执行，同时确保不影响所需的iframe加载。 请注意，修改CSP策略可能需要对网页或应用的代码进行更改，具体操作取决于使用的技术栈和框架。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值