【分享】解决Mixed Content: The page at ‘https://xxxx‘ was loaded over HTTPS..

已于 2022-06-15 09:29:01 修改
阅读量5.6k 收藏 7
点赞数 5
分类专栏： Error
于 2022-06-08 16:17:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41287158/article/details/125186830
版权

MixedContent HTTPS HTTP请求 Content-Security-Policy 安全策略
关键词由CSDN通过智能技术生成

错误： Mixed Content: The page at ‘https://xxxx’ was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint ‘http://whois.pconline.com.cn/ipJson.jsp?ip=101.204.149.167&json=true’. This request has been blocked; the content must be served over HTTPS.

在这里插入图片描述

解决办法：

报错的的原因：查资料后发现原因是在https中请求http接口或引入http资源都会被直接blocked（阻止），浏览器默认此行为不安全，会拦截。

解决办法如下：（在index.html的head中加入以下代码）

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

加入该标签的原理是使用META标签强制将http请求转成https(SSL协议)请求

F-Fanger
关注
专栏目录
nginx代理服务报Mixed Content: The page at ‘https://xxx.com‘ was loaded over HTTPS
Bertram的博客
04-18 7697
使用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 ‘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...
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...
浏览器访问网址出现blocked：mixed-content问题
最新发布
Blz624613442的博客
08-29 2099
最近有个别同事提出浏览器通过域名访问内部系统时，出现网络错误，无法登录内部系统，但其他同事仍然正常的，并无不妥。通过对他们浏览器运行检查时发现，网络状态报(Chrome下会显示已屏蔽再对访问路径仔细对比发现出现问题的同事，都使用了https进行访问，更改为http访问后恢复正常。
错误:Mixed Content: The page at ‘https://XXX’ was loaded over HTTPS, but requested an insecure.
weixin_54197236的博客
08-29 2万+
浏览器Mixed Content问题
解决Mixed Content: The page at https://* was loaded over HTTPS, but requested an insecure XMLHttpReque
夜白丶的博客
12-28 1945
https服务访问来自于http的图片地址，出现的混合内容问题解决
Mixed Content: The page at ‘＜URL＞‘ was loaded over HTTPS, but requested an insecure script ‘＜URL＞‘.
记录和分享属于我的“IT”时光
05-10 1万+
报错信息： Mixed Content: The page at ‘’ was loaded over HTTPS, but requested an insecure script ‘’. This request has been blocked; the content must be served over HTTPS. 出错原因： 因为谷歌浏览器对于https链接会自动屏蔽不安全的http链接，就是所谓的Mixed Content。HTTPS页面里动态的引入HTTP资源时，比如引入一个js文件，
Mixed Content: The page at ‘xxx‘ was loaded over HTTPS, but requested an insecure XMLHttpRequest end
是微风，是晚霞，是无可替代
08-24 3171
由于项目中后端提供的数据接口的地址是采用的 http 协议的，但是他们将项目部署到线上的时候，是放在 php服务器里面的，开启了 https 访问协议。比如：图片显示不了，样式加载不了，JS加载不了。https地址中，如果加载了http资源，浏览器将认为这是不安全的资源，https地址中，如果加载了http资源，浏览器将认为这是不安全的资源，将会默认阻止，这就会给你带来资源不全的问题了，将会默认阻止，这就会给你带来资源不全的问题了，比如：图片显示不了，样式加载不了，JS加载不了。
Mixed Content: The page at ‘https://xxxx‘ was loaded over HTTPS
整俩下的博客
04-02 586
如果你没有在你的服务器配置中设置X-Frame-Options响应头，大多数现代浏览器会采用默认行为，通常是DENY。因此，如果你不希望页面被嵌入，你不需要设置这个响应头，或者显式地设置为DENY。ALLOW-FROM uri：页面可以被指定来源的页面嵌入，但这个指令已经被废弃，并且不应该再使用。SAMEORIGIN：页面只可以被同源域名下的页面嵌入到iframe或frame中。DENY：页面不会被嵌入到任何iframe或frame中。找到报错对应的页面，在页面模板中引入如下meta标签内容。
前端axios请求报Mixed Content:the page at‘http://XXXX‘ was loaded over HTTPS解决方法
07-11
这个问题出现是因为你的页面是通过 HTTPS 加载的，但是你...通过将请求发送到代理服务器，然后由代理服务器再发送到目标地址，可以解决 Mixed Content 错误。 请根据你的具体情况选择适合的解决方法。希望对你有帮助！
Mixed Content: The page at 'https://xxxx.com' was loaded over https, but requested an insecure script 'http://xyz.com', this request has been blocked; the content must be served over https
07-11
为了解决这个问题，你可以尝试以下方法： 1. 将请求的脚本资源地址改为 HTTPS。如果你有访问脚本资源的权限，可以将其链接改为 HTTPS，以确保与页面加载的协议一致。 2. 检查脚本资源是否提供了 HTTPS 版本。有些...
解决The page at ‘xxx‘ was loaded over HTTPS
u010312671的专栏
03-16 1万+
业务场景 在HTTPS域名地址下预览视频时，出现以下提示： Mixed Content: The page at ‘https://live.xxxx.com.cn/cjrh_web/common/preview.html?path=vedio/bE8cimSp/index.m3u8’ was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint ‘http://live.xxxxx.com.cn/images/vedio/
记录Mixed Content: The page at ‘http://XXX‘ was loaded over HTTPS, but requested an ...
MR_SNAIL的博客
05-07 2214
报错信息 Mixed Content: The page at ‘http://XXX’ was loaded over HTTPS, but requested an insecure script ‘http://XXX’ . This request has been blocked; the content must be served over HTTPS. 报错原因 HTTPS 是 HTTP over Secure Socket Layer，以安全为目标的 HTTP 通道，所以在 HTTPS 承
Mixed Content: The page at ‘https://AAA....； the content must be served over HTTPS.
baidu_39212797的博客
08-15 1019
1.报错信息 在HTTPS网页中引入HTTP资源，会被直接block掉 2.解决方案 页面的head中加入： <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
解决nginx 代理后报 Mixed Content: The page at ‘https://www.xxx.com‘
王佩健的博客
01-17 2136
【代码】解决nginx 代理后报 Mixed Content: The page at ‘https://www.xxx.com‘
转载 Mixed Content Page
weixin_30603633的博客
04-17 273
网站配置了https之后，网页上的百度地图无法正常显示，报错类似于： Mixed Content: The page at 'https://url_1' was loaded over HTTPS, but requested an insecure script 'http://monitor_analytic.js'. This request has been blocked...
解决Mixed Content: The page at https://xxx was loaded over HTTPS
qq_42190001的博客
06-20 5万+
解决Mixed Content: The page at 'https://www.testcase.com' was loaded over HTTPS
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值