問(wèn)題
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瑞信、錯(cuò)誤提示
原因分析
微信公眾號(hào)分享出來(lái)的文章設(shè)置了 Content-Security-Policy：frame-ancestors self https://xxx.com，這就相當(dāng)于服務(wù)器告訴瀏覽器：如果某個(gè)頁(yè)面想通過(guò) Iframe 引用微信公眾號(hào)文章，那么這個(gè)頁(yè)面的域名得跟文章鏈接的域名一致铺峭，否則不允許引用。
解決辦法
1.將公眾號(hào)地址復(fù)制到瀏覽器汽纠，右鍵“網(wǎng)頁(yè)另存為”保存到本地卫键，然后放到工程目錄里面引用。
2.打開源碼虱朵，將所有的 data-src 替換為 src莉炉， 然后將圖片下載到本地钓账，直接引用本地圖片。
