1、https的頁面內嵌入http頁面報錯

在HTTPS的頁面上嵌入http的頁面時，瀏覽器會直接報錯。比如在HTTPS頁面上用 iframe 直接嵌入一個 http 頁面，比如我們可以在百度上直接嵌入我們本地服務器的一些頁面，瀏覽器將會直接報錯：

瀏覽器報錯提示：xxxx has been blocked。原因是：瀏覽器的安全策略，在https的請求里會將http的訪問block掉。

2、解決方法

協議一樣時訪問就不會出錯。

在 HTTPS 請求里訪問 HTTPS 資源不會報錯， 所以如果需要內嵌入 HTTPS 的頁面同時支持 HTTPS 和 HTTP 兩種方式訪問的話，只需將 HTTP 請求改為 HTTPS 即可。或者是引用的時候直接把引用資源的URL里的協議頭（即https:// 或 htp://）去掉，瀏覽器會自動根據當前是HTTPS還是HTTP來給資源URL補上協議頭的，就可以達到無縫切換。 

2.1、臨時解決方法

瀏覽器將你需要訪問的 HTTPS 和 HTTP 頁面設置為安全。

比如在Chrome瀏覽器中：設置 - 隱私設置和安全性 - 網站設置 - 不安全問題 - 允許，在允許里面將你的 HTTPS 頁面域名和 HTTP 頁面的域名都添加進去，請注意，必須兩個都添加進去，否則沒效果。示例：

設置完之后，在這兩個域名之間就可以實現頁面互嵌了。

缺點是每個瀏覽器都必須單獨設置，所以只能是臨時方案。

參考：http://www.rzrgm.cn/nimon-hugo/p/13534838.html