关于Hexo的Mixed Content: The page at ‘＜URL＞‘ was loaded over HTTPS, but requested an insecure stylesh.

最新推荐文章于 2025-08-26 17:28:28 发布
原创 最新推荐文章于 2025-08-26 17:28:28 发布 · 2k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#https #网络协议 #http

文章讲述了作者的博客网站因MixedContent错误而崩溃，原因在于HTTPS网站请求了HTTP资源。通过找到并修改`head.ejs`文件中的Content-Security-Policy，设置upgrade-insecure-requests，解决了问题并确保了连接安全。

背景

  • 不知道什么原因，突然我的博客网站崩溃了，表现为渲染资源不出来,报错Mixed Content: The page at ‘’ was loaded over HTTPS, but requested an insecure stylesheet ‘’. This request has been blocked; the content must be served over HTTPS.。

这个问题说明,网站是通过HTTPS进行加载的,HTTPS被认为是安全的,但是网站请求了别的HTTP协议的资源.需要我们把http的资源请求转换为https的。

  • 我用的是hexo的matery的主题.关于域名是HTTPS还是http去解析,依赖与我使用的阿里云的域名解析服务,我使用的是https.也就是可以用通过https://域名 去访问到我的网站.

在这里插入图片描述

解决办法

找到 themes\matery\layout\_partial\head.ejs 这个共用的文件,
在这里插入图片描述

加上一句

<meta http-equiv=
最低0.47元/天 解锁文章
nginx代理服务报Mixed Content: The page at ‘https://xxx.com‘ was loaded over HTTPS
Bertram的博客
04-18 9592
使用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 2万+
今天使用nginx+tomcat+ssl完成了web项目的部署，本以为没有什么问题，但是在页面测试的时候又蹦出了这么一个问题，大致是说由于配置了HTTPS,但是之前的请求是通过HTTP请求的，所以现在被拦截，由于缺少某些权限信息，被禁止转发请求和访问。 经过一系列的排错与总结，整理了些有用的解决方法。 解决方法：在html页面的head中加入： <meta http-equiv="C...
Mixed Content: The page at ‘＜URL＞‘ was loaded over HTTPS, but requested an insecure XMLHttpRequest e
最新发布
weixin_64157795的博客
08-26 583
HTTPS页面中通过XMLHttpRequest请求HTTP资源，触发浏览器安全策略拦截。这种混合内容会破坏页面整体安全性，可能被中间人攻击篡改1013。
JimuReport 出现 Mixed Content: The page at ‘https:xxx‘was loaded over HTTPS, but requested an 解决方法
码农研究僧的博客
10-10 730
Mixed Content: The page at 'https://xx.xx.com/drag/index' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://10.197.0.96/drag/page/queryById?id=993801669564268544'. This request has been blocked; the content must be served ove
遇到问题--jsp---Nginx转发https导致静态资源无法加载--This request has been blocked
直到世界的尽头
11-22 1万+
转发请注明出处:遇到问题–jsp—Nginx转发https导致静态资源无法加载–This request has been blocked 遇到问题 使用nginx作转发，强制tomcat部署的web项目使用https访问。 导致静态资源无法加载访问。 如图 浏览器报错如下: Mixed Content: The page at 'https://xxxx.com/' was loaded ov...
Mixed Content: The page at ‘＜URL＞‘ was loaded over HTTPS, but requested an insecure script ‘＜URL＞‘.
liyananweb的博客
01-17 3900
这条消息是一个浏览器安全警告，意思是你访问的网页是通过HTTPS（超文本传输安全协议）加载的，但是网页尝试加载一个通过HTTP（非安全的超文本传输协议）提供的脚本资源。出于安全原因，现代浏览器不允许混合内容，即在同一页面上同时使用HTTPS和HTTP资源，因为这可能使用户面临中间人攻击的风险。你正在访问的网页使用了HTTPS协议，这是一种加密的网络传输协议，可以保护你的数据安全。网页开发者可能在代码中引用了一个通过HTTP协议提供的脚本，这是不安全的。
nginx Mixed Content: The page at '<URL>' was loaded over HTTPS, but requested an insecure stylesheet
Loser688的博客
04-07 5324
今天在用nginx代理tomcat的时候，ssl出现的问题，nginx使用443(https)，tomcat使用80(http)。 在重定向时会出现以上问题导致页面资源文件加载不出来。这是因为tomcat不知道nginx发来的是http还是https。 默认情况下，nginx得到的https的访问会以http的方式发给负载的tomcat。 我们先给nginx配置 proxy_set_header ...
FATAL { err: Error: Spawn failed at ChildProcess.＜anonymous＞ (F:\Blog\node_modules\hexo-util
qq_52154193的博客
06-29 3624
出现的错误像这样的 多提交几次就OK了
hexo-client：hexo-client：基于电子的跨平台hexo客户
02-04
Hexo桌面客户端 我的博客： : Hexo： ： 主页： ： Electron AppCenter： ：//electronjs.org/apps/hexo-client QQ群 欢迎加入HexoClient用户群交流。 QQ群号：618213781 QQ群二维码 功能简介 文章添加 文章...
Hexos：基于[hexo]（https：hexo.iozh-cn）的框架
02-13
Hexo的管理界面： 版本： 自动生成类别： 版本： 链接： 版本： 视频： 版本： 博文置顶： 版本： 代码演示： 版本： 内容块： 版本： 已集成内部。 信息卡片： 版本： Github信息卡片： 版本： PullRequests...
hexo-blog:git + hexo + note.js博客
05-06
基于Hexo的个人博客 1 Hexo介绍 Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 （或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。 个人博客地址： 2 环境准备 2.1 node.js安装 node官网...
Mixed Content: The page at ‘＜URL＞‘ was loaded over HTTPS, but requested an insecure frame ‘＜URL＞‘...
piaoyecanfeng的博客
10-26 2万+
在添加了SSL证书的HTTPS中引入用HTTP的链接，就报错，请求协议的不同导致的 所有有关https带有http的文件或者链接例如：images / js等文件都会报请求 “网页的“ < url > ”是通过 HTTPS 加载的，但是请求一个不安全的帧“ < url > ”。此请求已被阻止; 内容必须通过 HTTPS 提供。” 解决方法： 第一种：查看http的文件，放到https路径中，引入方式添加https 第二种 页面的head中加入： <meta http-e
was loaded over HTTPS, but requested an insecure frame
qq_41885295的博客
07-15 4905
放那记录一次坑爹的经历。在开发的过程中，项目应用了wujie微前端，于是出现了以下的问题：我在访问基座资源页面的时候，一切正常，当我切到子应用路由的时候，页面一直加载。发现是在基座访问时，路由有一层重定向，把原本属于https的资源转成了http，然而内部的子应用又是https的，所以出现了访问不一致的情况。
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 '
报错：Mixed Content: The page at 'https://***/login.jsp' was loaded over HTTPS, but requested an ins...
皮卡丘踢球
04-01 3814
集成CA后，项目内的静态资源无法访问。 控制台报错如下： 报错信息如下: 1 Mixed Content: The page at 'https://login.jsp' was loaded over HTTPS, but requested an insecure stylesheet 'http://login.css'. This content should also...
Mixed Content: The page at ‘’ was loaded over HTTPS, but requested an insecure script ‘’. This reque
m0_53363112的博客
05-26 1673
因为谷歌浏览器对于https链接会自动屏蔽不安全的http链接，就是所谓的Mixed Content。HTTPS页面里动态的引入HTTP资源时，比如引入一个js文件，会被直接block掉的.在HTTPS页面里通过AJAX的方式请求HTTP资源，也会被直接block掉的。
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...
解决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里面加入此行代码。
deploy: type: git repo: <repository url> branch: [branch] message: [message] extend_dirs: [extend directory]详细点
07-10
当你配置Hexo的部署设置时，你需要修改项目目录下的`_config.yml`文件。以下是详细的部署设置说明： ```yaml deploy: type: git repo: <repository url> branch: [branch] message: [message] extend_dirs: [extend directory] ``` - `type`：部署类型，这里设置为git。 - `repo`：你的Git仓库URL，用于指定部署到哪个仓库。 - `branch`：可选参数，用于指定要部署的Git仓库分支，默认为`master`。 - `message`：可选参数，用于指定每次部署的提交信息。 - `extend_dirs`：可选参数，用于指定需要额外部署的目录。 你需要将`<repository url>`替换为你要部署到的Git仓库的URL。如果需要，可以指定`[branch]`（默认为`master`）和提供一个`[message]`作为提交信息。 如果你还有其他需要与Hexo网站一起部署的目录，可以使用`[extend directory]`选项指定它们。 配置完部署设置后，你可以运行`hexo deploy`命令来将Hexo网站部署到指定的Git仓库上。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值