Iframe 引入微信公众号文章报权限错误

问题

1、代码展示
<iframe
  width="100%"
  height="100%"
  scrolling="yes"
  noresize="noresize"
  frameborder="0"
  src="https://mp.weixin.qq.com/s?__biz=MzI4ODY2NTMwNQ==&mid=100000445&idx=1&sn=fb48fb4e38e818331751c67117a896c5&chksm=6c3bb90b5b4c301d778b0db2e4504614f75cede8538809c71a93714a1c56f9a15ce8338380a8#rd"></iframe>
2、错误提示

原因分析

微信公众号分享出来的文章设置了 Content-Security-Policy：frame-ancestors self https://xxx.com，这就相当于服务器告诉浏览器：如果某个页面想通过 Iframe 引用微信公众号文章，那么这个页面的域名得跟文章链接的域名一致，否则不允许引用。

解决办法

1.将公众号地址复制到浏览器，右键“网页另存为”保存到本地，然后放到工程目录里面引用。
2.打开源码，将所有的 data-src 替换为 src， 然后将图片下载到本地，直接引用本地图片。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
禁止转载，如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容