前端报错:was loaded over HTTPS, but requested an insecure错误解决方案
发表于:2024-07-20 17:42:18浏览:6153次
当我们的浏览器出现类似“was loaded over HTTPS, but requested an insecure resource/frame”这种错误是,一般都是因为我们的网站是HTTPS的,而对方的链接是HTTP协议的,因此在Ajax或者javascript请求时,就会报如下这种错误。
这个错误表明您的网页是通过安全的HTTPS协议加载的,但是在页面中请求了一个不安全的HTTP协议的脚本资源(即URL以http:// 开头,而不是https:// 开头)。现代浏览器中,将不安全的HTTP内容嵌入到HTTPS页面中一般会被阻止,以保护用户免受跨站脚本攻击(XSS)和其他网络攻击。
解决方法:
要解决这个问题,需要将请求的脚本资源也改为HTTPS版本。即将URL从http://改为https://
检查的网页代码,找到请求不安全脚本的部分。修改脚本的URL,将http://替换为https://。
<script src="https://pv.sohu.com/cityjson"></script>
//改为
<script src="//pv.sohu.com/cityjson"></script>
如果控制不了资源服务器,可以使用如下方案解决,在自己的网站
标签里面加入如下meta标签信息即可:<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
原理是使用META标签强制将http请求转成https(SSL协议)请求。
推荐文章
- ThinkPHP6的中间件讲解及路由配置
- 研发/技术总监(CTO)的日常工作都在做些什么?
- Layui的table模块导出所有数据,无需修改前后端代码
- CSS @media print控制浏览器web打印样式
- JavaScript实现两个日期之间的工时计算,排除周末,每天工作日是8小时
- 谷歌Chrome浏览器v101稳定版发布 支持FedCM和优先级提示等新功能
- ref, toRef, toRefs,reactive, defineComponent, computed, unref, toRaw, watchEffect, onUpdated 10个VUE3前端API总结
- 微信浏览器或手机浏览器字体大小调整 导致H5页面布局错乱解决方案
- 开源的度量分析与可视化套件 Grafana 9正式发布
- 最新PHP 7.4.32, PHP8.0.24 & PHP8.1.11三个分支发布了新版本