如何在HTTPS 网页中引入HTTP资源： Mixed Content？

错误：this request has been blocked;the content must be served over https

解决方案

相对协议

对于同时支持HTTPS和HTTP的资源，引用的时候要把引用资源的URL里的协议头去掉，浏览器会自动根据当前是HTTPS还是HTTP来给资源URL补上协议头的，可以达到无缝切换。

iframe方式

使用iframe的方式引入HTTP资源，然后将这个页面嵌入到HTTPS页面里就可以了。

用meta升级HTTP请求

在页面的head标签中加入 meta http-equiv=”Content-Security-Policy” content=”upgrade-insecure-requests”/>

由于第一次出现这个错误时是由于引入的jQuery造成，所以采用的是使用相同的协议（都采用HTTPS协议引入文件），或者将文件下载到项目中，也不存在HTTPS的问题。再次出现问题是由于使用百度地图的API，在引入js时已经给定了请求的协议是HTTP，所以最终采用了通过meta将http的不安全请求升级为https。