解决https网页加载http资源报错问题

最新推荐文章于 2024-05-30 15:14:05 发布

微技术

最新推荐文章于 2024-05-30 15:14:05 发布

阅读量1.9k

点赞数 5

文章标签： http https 网络协议网络

本文链接：https://blog.csdn.net/zhangkunls/article/details/136050718

版权

先回顾一下浏览器这一改变历史问题，在Chrome 90以前版本中，浏览器中输入网址后，会先定向至http://连接，而自打Chrome 浏览器 90 以后的版本，用户输入网址URL时，如果不加上http://等前缀，浏览器就会默认添加“https://”。

下面讲述一下问题解决的方法

https页面中不能使用http请求，http页面中可以使用https请求。

关于在https 页面有一些http的请求，可以在<head></head>中设置

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

来自动升级http到https，就不需要修改源代码了。

如果有些浏览器不支持，可以设置

php

header("Content-Security-Policy: upgrade-insecure-requests");

jsp

如jsp页面<head></head>标签中可以这样设置

<%response.setHeader("Content-Security-Policy","upgrade-insecure-requests");%>

注意：只针对静态资源 如<script src="">  ，<img src="">，  <link href="" rel="stylesheet"> ， <iframe src=""></iframe> ， ajax请求 ，等

对于<a href=""> <script> window.location.href=""</script>不起作用

https页面可以直接跳转到 http页面。

如果一个https页面中包含一个iframe，则此iframe的src不能为http地址

如果一个 https页面加载的一个iframe 页面中，包含一个http超链接，则此超链接必须加上 target="_blank"，此时会在新的页面打开。如果target="_self"则不会跳转。

可以使用（1）中代码自动升级http到https

粉丝群（2 月 11 日前有效）

微技术

关注