如何在HTTPS 网页中引入HTTP资源

Posted 2023-03-14

自己本身是通过ajax发送请求，然而目标地址只有http资源;然后尝试过网上提供的meta标签的两个方式没有解决该问题。求问还有其他解决方式吗？

你好！

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

对于同时支持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。

以上是对您的问题作出的回答，希望能够帮助到你

参考技术A

SSL证书调用的资源必须是https的，调用http的浏览器的地址栏会显示黄色的小三角形。

参考技术B 您好！
在HTTPS情况下，是无法正常调用HTTP资源的，所以如果要使用只能把HTTP资源支持HTTPS才可以，否则就算是使用代码调用，也会被浏览器禁止应用！
常见问题：
1、https 页面中引入 http 资源的解决方式：https://www.gworg.com/ssl/191.html
2、使用相对Url无缝切换HTTP-HTTPS： https://www.gworg.com/ssl/334.html