如何在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。

其他

我的博客,欢迎交流!

我的CSDN博客,欢迎交流!

微信小程序专栏

前端笔记专栏

微信小程序实现部分高德地图功能的DEMO下载

微信小程序实现MUI的部分效果的DEMO下载

微信小程序实现MUI的GIT项目地址

微信小程序实例列表

前端笔记列表

游戏列表

原文地址:https://www.cnblogs.com/linewman/p/9918530.html