問(wèn)題從這里才真正開(kāi)始

本地完美運(yùn)行，搞定了。打包上到測(cè)試環(huán)境。嘣，空白頁(yè)面。

腦子一片空白

難道是需要?jiǎng)討B(tài)設(shè)置寬高，設(shè)置之后沒(méi)用。

 

百度吧，查找解決辦法。

看到這樣一個(gè)信息

page - iframe - status

 

http - http - allowed

http - https - allowed

https- http - not allowed https嵌套http不支持

https- https - allowed

https - https - insecure scripts - not allowed

https - https - inscure images - allowed but the browser will warn

百度很多文章基本都沒(méi)有解決方法，說(shuō)https不能用iframe嵌套http的頁(yè)面

其中有一個(gè)這樣的解決方法我并沒(méi)有嘗試

我干脆起一臺(tái)Apache服務(wù)器，配成https的，指定一個(gè)子域名，然后利用Apache的代理，將https代理到http的url。（當(dāng)然，前提條件是你的服務(wù)器不是Apache，如果是Apache就簡(jiǎn)單了）。這里注意，我們另外起的Apache跟我們?cè)瓉?lái)的服務(wù)器沒(méi)有任何關(guān)系，Apache只用來(lái)處理http這種情況。（之前我有個(gè)誤區(qū)，是在自己的服務(wù)器前面套個(gè)Apache，也可以實(shí)現(xiàn)，但或許會(huì)有漏洞，還是并行處理更為科學(xué)）；

如果有人嘗試了這個(gè)方法希望告訴我到底可不可以，因?yàn)槟撤N原因我不能?chē)L試,不過(guò)這種方式應(yīng)該可以

我們選擇了另一種方法。配置nginx代理。將一個(gè)https的代理成他們http的就可以了

寶塔nginx代理的教程可以查看這里：寶塔面板Nginx反向代理教程

如果你的網(wǎng)站同時(shí)準(zhǔn)備了 https 資源和 http 資源，那么，可以使用相對(duì)協(xié)議可以幫助你實(shí)現(xiàn)當(dāng)網(wǎng)站引入的都是 http 資源，網(wǎng)站域名更換為 https 后的無(wú)縫切換。

具體使用方法為：<img src="//domain.com/img/logo.png">

簡(jiǎn)而言之，就是將URL的協(xié)議（http、https）去掉，只保留//及后面的內(nèi)容。這樣，在使用https的網(wǎng)站中，瀏覽器會(huì)通過(guò)https請(qǐng)求URL，否則就通過(guò)http發(fā)送請(qǐng)求。

注：如果是瀏覽本地文件，瀏覽器通過(guò)file://協(xié)議發(fā)送請(qǐng)求，導(dǎo)致請(qǐng)求失敗，因此本地測(cè)試最好是搭建一個(gè)本地服務(wù)器。