修复报错Mixed Content: The page at “https://“ was loaded over HTTPS, but requested an insecure “http://“

最新推荐文章于 2025-03-25 11:33:01 发布
最新推荐文章于 2025-03-25 11:33:01 发布
阅读量1.4w 收藏 8
点赞数 7
分类专栏： 宝宝的HTML+CSS 文章标签： http https ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/html5_mylove/article/details/122545535
版权

当浏览器出现“was loaded over HTTPS, but requested an insecure resource/frame”这种错误是，一般都是因为网站是HTTPS的，而对方的链接是HTTP协议的，因此在Ajax或者javascript请求时，就会报如下这种错误，iframe加载不出来：

Mixed Content: The page at "https://www.xxx.html" was loaded over HTTPS, but requested an insecure frame "http://www.xx.html". This request has been blocked; the content must be served over HTTPS.

解决方案：

在网站<head>标签里面加入如下内容即可：

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

它会自动将HTTP请求升级成安全的HTTPS请求。

Mixed Content: The page at ‘xxx‘ was loaded over HTTPS, but requested an insecure resource ‘xxx‘.
猿小白的博客
06-11 1万+
今天使用nginx+tomcat+ssl完成了web项目的部署，本以为没有什么问题，但是在页面测试的时候又蹦出了这么一个问题，大致是说由于配置了HTTPS,但是之前的请求是通过HTTP请求的，所以现在被拦截，由于缺少某些权限信息，被禁止转发请求和访问。 经过一系列的排错与总结，整理了些有用的解决方法。 解决方法：在html页面的head中加入： <meta http-equiv="C...
JS错误:Mixed Content: The page at ‘https://XXX’ was loaded over HTTPS, but requested an insecure 新的问题
简简单单Onlinezuozuo
10-15 3万+
文章目录JS错误:Mixed Content: The page at ‘https://XXX’ was loaded over HTTPS, but requested an insecure 新的问题1、修改nginx 配置参考2、让nginx 携带信息3、修改tomcat 的 Connector 以支持https4、tomcat 配置文件，仅供参考 JS错误:Mixed Content: ...
Mixed Content: The page at 'xxx' was loaded over HTTPS, but requested an insecure resource 'xxx'.
php菜鸟技术天地
10-05 6万+
HTTPS页面里动态的引入HTTP资源，比如引入一个js文件，会被直接block掉的.在HTTPS页面里通过AJAX的方式请求HTTP资源，也会被直接block掉的。 Mixed Content: The page at 'xxx' was loaded over HTTPS, but requested an insecure resource 'xxx'. This request ha...
Mixed Content: The page at ‘https://xxx.com/‘ was loaded over HTTPS, but requested an insecure XMLHt
最新发布
日日留心的技术专栏
03-25 393
前端代码中使用的是http://ip_address:port/api，进行接口调用；前端使用 https://domain.com/api ，进行接口调用；
was loaded over HTTPS, but requested an insecure frame
qq_41885295的博客
07-15 4443
放那记录一次坑爹的经历。在开发的过程中，项目应用了wujie微前端，于是出现了以下的问题：我在访问基座资源页面的时候，一切正常，当我切到子应用路由的时候，页面一直加载。发现是在基座访问时，路由有一层重定向，把原本属于https的资源转成了http，然而内部的子应用又是https的，所以出现了访问不一致的情况。
Mixed Content: The page at ‘＜URL＞‘ was loaded over HTTPS, but requested an insecure frame ‘＜URL＞‘...
java小白翻身
04-16 8844
在添加了SSL证书的HTTPS中引入用HTTP的链接，就报错，请求协议的不同导致的 所有有关https带有http的文件或者链接例如：images / js等文件都会报请求 “网页的“ < url > ”是通过 HTTPS 加载的，但是请求一个不安全的帧“ < url > ”。此请求已被阻止; 内容必须通过 HTTPS 提供。” 解决方法： 第一种：查看http的文件，放到https路径中，引入方式添加https 第二种 页面的head中加入： <.
was loaded over HTTPS, but requested an insecure错误解决
YHJ
06-12 7万+
当我们的浏览器出现类似“was loaded over HTTPS, but requested an insecure resource/frame”这种错误是，一般都是因为我们的网站是HTTPS的，而对方的链接是HTTP协议的，因此在Ajax或者javascript请求时，就会报如下这种错误： 具体错误类似如下： Mixed Content: The page at 'xxx' was loaded over HTTPS, but requested an insecure resource '
nginx代理服务报Mixed Content: The page at ‘https://xxx.com‘ was loaded over HTTPS
Bertram的博客
04-18 9020
使用nginx代理后端服务时出现如下错误: Mixed Content: The page at ‘https://xxx.com’ was loaded over HTTPS, but requested an insecure stylesheet ‘http://xxx.com’. This request has been blocked. the content must be served over HTTPS. 错误原因: nginx代理的https页面中加载的内容使用的http协议导致报
Mixed Content: The page at ‘https://xxxx‘ was loaded over HTTPS
整俩下的博客
04-02 789
如果你没有在你的服务器配置中设置X-Frame-Options响应头，大多数现代浏览器会采用默认行为，通常是DENY。因此，如果你不希望页面被嵌入，你不需要设置这个响应头，或者显式地设置为DENY。ALLOW-FROM uri：页面可以被指定来源的页面嵌入，但这个指令已经被废弃，并且不应该再使用。SAMEORIGIN：页面只可以被同源域名下的页面嵌入到iframe或frame中。DENY：页面不会被嵌入到任何iframe或frame中。找到报错对应的页面，在页面模板中引入如下meta标签内容。
JS错误:Mixed Content: The page at ‘https://XXX’ was loaded over HTTPS, but requested an insecure
热门推荐
简简单单Onlinezuozuo
09-28 8万+
JS错误:Mixed Content: The page at ‘https://XXX’ was loaded over HTTPS, but requested an insecure 1、环境 Tomcat Nginx 【走https 通道】 框架形式是以 iframe 作为支撑的 2、问题 主体框架可以正常加载， 但是内部借口和 iframe 里面的内容以及静态资源全部报错 3、让Ngi...
http请求https报错：Mixed Content: The page at ‘xxx‘ was loaded over HTTPS, but requested an insecure...
weixin_58215548的博客
11-09 2万+
http请求https报错：Mixed Content: The page at ‘xxx‘ was loaded over HTTPS, but requested an insecure...
The page at ‘xx‘ was loaded over HTTPS, but requested an insecure frame ‘http:xxx‘. This request has
eadela的博客
01-18 3233
https系统使用iframe内嵌一个外部https地址，外部地址执行完毕后，会回调到一个外部http地址 导致出现如下报错，无法跳转http页面 Mixed Content: The page at 'xx' was loaded over HTTPS, but requested an insecure frame 'http:xxx'. This request has been blocked; the content must be served over HTTPS. 加这个没有起到作用 &l
错误:Mixed Content: The page at ‘https://XXX’ was loaded over HTTPS, but requested an insecure.
weixin_54197236的博客
08-29 3万+
浏览器Mixed Content问题
解决Mixed Content:the page at‘https://‘ was loaded over HTTPS,but requested an insecure resource ‘http
weixin_45816407的博客
05-29 1万+
解决Mixed Content:the page at‘https://’ was loaded over HTTPS,but requested an insecure resource ‘http://’查资料后发现原因是在https中请求http接口或引入http资源都会被直接blocked（阻止），浏览器默认此行为不安全，会拦截。在页面中加上此meta标签，原理是使用META标签强制将http请求转成https(SSL协议)请求。public/index.html里面加入此行代码。
解决Mixed Content: The page at https://* was loaded over HTTPS, but requested an insecure XMLHttpReque
夜白丶的博客
12-28 2879
https服务访问来自于http的图片地址，出现的混合内容问题解决
错误:Mixed Content: The page at ‘https://XXX’ was loaded over HTTPS, but requested an insecure.......
12-05
2. 在网页的头部添加Content-Security-Policy，设置upgrade-insecure-requests，这样浏览器会自动将HTTP请求转换成HTTPS请求，从而避免Mixed Content的问题。 以下是两种解决方法的代码示例： 1. 将所有HTTP资源...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值