Mixed Content: The page at ‘https:...‘ was loaded over HTTPS, but requested an insecure script ‘http

已于 2022-05-09 18:30:02 修改
阅读量1.8k 收藏 1
点赞数 1
文章标签： Mixed Content block mixed https
于 2022-05-08 17:18:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidulixueqin/article/details/124650338
版权
这篇博客探讨了在使用Hugo构建个人博客时，样式加载失败的问题。主要原因是浏览器阻止了HTTPS页面加载HTTP的脚本，导致样式无法正常显示。解决方法包括将HTTP请求升级为HTTPS，检查并修正baseURL配置，以及确保正确部署public文件夹内容。
摘要由CSDN通过智能技术生成

关于hugo样式加载不了的原因

今天把个人博客上传github预览时发现样式没了，打开控制台发现请求被拦截。
在这里插入图片描述

情况1’ 浏览器不允许在https页面里嵌入http的请求，现在高版本的浏览器为了用户体验，都不会弹窗报错，只会在控制台上打印一条错误信息。

解决方法:
(1)将调用的http请求升级成https请求

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

(2)或者将http改为https，发现运行时竟然还是http(转情况3)
请添加图片描述

最低0.47元/天 解锁文章
老老老老李
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Mixed Content: The page at ‘’ was loaded over HTTPS, but requested an insecure script ‘’. This reque
m0_53363112的博客
05-26 489
因为谷歌浏览器对于https链接会自动屏蔽不安全的http链接，就是所谓的Mixed Content。HTTPS页面里动态的引入HTTP资源时，比如引入一个js文件，会被直接block掉的.在HTTPS页面里通过AJAX的方式请求HTTP资源，也会被直接block掉的。
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文件，
was loaded over HTTPS, but requested an insecure frame
最新发布
qq_41885295的博客
07-15 487
放那记录一次坑爹的经历。在开发的过程中，项目应用了wujie微前端，于是出现了以下的问题：我在访问基座资源页面的时候，一切正常，当我切到子应用路由的时候，页面一直加载。发现是在基座访问时，路由有一层重定向，把原本属于https的资源转成了http，然而内部的子应用又是https的，所以出现了访问不一致的情况。
使用腾讯云CDN后网站提示Nixed Content: The page at URL was loaded over HTTPS, but requested an insecure script
01-01 940
最近用WordPress加一为导航主题搭建了一个导航站，考虑到不暴露源站IP然后套了个腾讯云的CDN。 但是今天访问网站整个网站样式全部错乱，打开控制台查看提示： Nixed Content: The page at URL was loaded over HTTPS, but requested an insecure script 'CURL. This request has been blocked; the content must be served over HTTPS.
记录Mixed Content: The page at ‘http://XXX‘ was loaded over HTTPS, but requested an ...
MR_SNAIL的博客
05-07 2124
报错信息 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 Page
weixin_30603633的博客
04-17 260
网站配置了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 '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...
Eclipse运行android项目报错Unable to build: the file dx.jar was not loaded from the SDK folder的解决办法
08-26
今天小编就为大家分享一篇关于Eclipse运行android项目报错Unable to build: the file dx.jar was not loaded from the SDK folder的解决办法，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的...
https请求报错block:mixed-content问题的解决办法（已解决）
12-21
错误信息是“Mixed Content: The page was loaded over HTTPS，but requested an insecure resource. This request has been blocked; the content must be served over HTTPS。”，意味着页面是通过HTTPS加载的，但...
dx.jar文件，用于修复the file dx.jar was not loaded
06-20
当出现Unable to build: the file dx.jar was not loaded from the SDK folder时，将其放入你使用的buildtool目录下的lib文件夹
Unable to build: the file dx.jar was not loaded from the SDK folder!
12-30
Unknown error: Unable to build: the file dx.jar was not loaded from the SDK folder! 问题的缺失文件 eclipse.buildId=M20100211-1343 java.version=1.6.0_10-rc2 java.vendor=Sun Microsystems Inc. ...
VB.api.dynamically.loaded.code.model.rar_Loaded
09-19
标题“VB.api.dynamically.loaded.code.model.rar_Loaded”暗示了我们正在探讨的是一个关于VB中动态加载API代码的模型或框架。这个压缩包可能包含了示例代码、教程或者工具，帮助开发者理解和实现动态加载API的机制...
Mixed Content: The page at ‘https://AAA....； the content must be served over HTTPS.
baidu_39212797的博客
08-15 990
1.报错信息 在HTTPS网页中引入HTTP资源，会被直接block掉 2.解决方案 页面的head中加入： <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
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 ‘https://XXX‘ was loaded over HTTPS, but requested ‘http://XXX‘
sinat_38992528的博客
02-09 732
本地测试没问题，线上出现这个报错，问题不大 1.前端解决 将调用的http请求升级成https请求并调用， html的头部加一行代码即可 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 2.后端解决 走一下本地后端（将本地后端当成service中间层），从后端再去调用其他服务器的http请求， 下面为后端中转接口 /** * 删除应用App */ @
解决nginx 代理后报 Mixed Content: The page at ‘https://www.xxx.com‘
王佩健的博客
01-17 1311
【代码】解决nginx 代理后报 Mixed Content: The page at ‘https://www.xxx.com‘
解决Mixed Content:the page at‘https://‘ was loaded over HTTPS,but requested an insecure resource ‘http
forteenBrother的博客
08-11 2万+
解决Mixed Content:the page at‘https://’ was loaded over HTTPS,but requested an insecure resource ‘http://’ 问题：在Vue项目中使用axios访问了一个http协议的接口，报错如下 查资料后发现原因是在https中请求http接口或引入http资源都会被直接blocked（阻止），浏览器默认此行为不安全，会拦截。 解决办法： <meta http-equiv="Content-Security-Po
错误:Mixed Content: The page at ‘https://XXX’ was loaded over HTTPS, but requested an insecure.......
12-05
这个错误是由于网页中同时存在HTTP和HTTPS两种不同的资源，浏览器为了保证安全性会阻止加载不安全的HTTP资源。解决这个问题的方法有两种： 1. 将所有的HTTP资源都替换成HTTPS资源，这样就不会存在Mixed Content的问题了。 2. 在网页的头部添加Content-Security-Policy，设置upgrade-insecure-requests，这样浏览器会自动将HTTP请求转换成HTTPS请求，从而避免Mixed Content的问题。 以下是两种解决方法的代码示例： 1. 将所有HTTP资源替换成HTTPS资源 ```html <!-- 替换前 --> <img src="http://example.com/image.jpg"> <!-- 替换后 --> <img src="https://example.com/image.jpg"> ``` 2. 在网页头部添加Content-Security-Policy ```html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <title>My Secure Page</title> </head> <body> <!-- Your secure content here --> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

老老老老李

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值