当前位置: 代码网 > 服务器>网络>https > 解决https网页加载http资源报错问题

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

2024年08月03日 https 我要评论
先回顾一下浏览器这一改变历史问题,在Chrome 90以前版本中,浏览器中输入网址后,会先定向至http://连接,而自打Chrome 浏览器 90以后的版本,用户输入网址URL时,如果不加上http://等前缀,浏览器就会默认添加“https://”。 浏览器默认是不允许在HTTPS里面引用HTTP资源的,一般都会弹出提示框,用户确认后才会继续加载,用户体验非常差。而且如果在一个HTTP...

5ec5612000834b6f99a770162942abab.png



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


    浏览器默认是不允许在https里面引用http资源的,一般都会弹出提示框,用户确认后才会继续加载,用户体验非常差。而且如果在一个https页面里动态的引入http资源,比如引入一个js文件,会被直接block掉的。

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

1. 强制升级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>不起作用

2. https 页面超链接,及iframe 地址为http的问题

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

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

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

3. https页面中不能使用http的ajax地址

 可以使用(1)中代码自动升级http到https

粉丝群(2 月 11 日前有效)

f61c95706fa903b8d53cfeecb603ddfd.png

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com