网站版面错乱HTTPS请求报错BLOCK:MIXED-CONTENT问题解决办法
今天遇到个奇葩问题，网站打开后版面全乱套了，文字图片都在，就是排版跟被狗啃过一样！点开F12控制台一看，CSS样式表和JS文件全都没加载成功，status状态显示：
(blocked:mixed-content)
这啥意思？文件被浏览器拦截了！查了半天发现是https证书状态下，浏览器死活不肯载入http的文件调用。这种情况多数出现在网站同时支持http和https访问，加上用了CDN之后就开始作妖。
https请求报错block:mixed-content问题的解决办法
试了两个方法，亲测有效：
1. 修改网站源文件
把源码里所有不安全的http链接改成https，比如：
http://cdn.example.com/style.css 改成 https://cdn.example.com/style.css
2. 在模板header加入强制升级代码
在模板文件的<head>区域加入这行：
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
这代码会让浏览器自动把http请求升级成https，相当于给所有资源强制穿上安全马甲。
搞完这两个方法，刷新页面终于正常了！早知道当初部署的时候就直接全站上https，省得现在折腾。建议大家检查下自己的网站，别等出问题了再补救。
如果使用CDN服务，记得在CDN配置里也开启HTTPS支持，否则可能还会出现资源加载失败的情况。
点击链接加入群聊四群：722808830
点击链接加入群聊三群：751529538（已满）
点击链接加入群聊二群：376877156（已满）
点击链接加入群聊一群：622891808（已满）
饿了么红包
本站附件分享，如果附件失效，可以去找找看
于2025-10-07发布
![[N1盒子]n1盒子无法启动n1刷入ubuntu系统,写入emmc以后无法引导,必须依赖u盘启动](https://img.ioozu.com/2018/12/201812136771_1781.jpg?imageMogr2/thumbnail/x150/blur/1x0/quality/50 "[N1盒子]n1盒子无法启动n1刷入ubuntu系统,写入emmc以后无法引导,必须依赖u盘启动")