DISCUZ网站部署ssl开启https访问页面错位的解决方法

今天在给一个客户的网站做ssl证书部署后,通过https访问页面排版混乱,感觉像乱码了一样(如下图),http访问正常。懂网站的同行不难分析,应该是网站缺少了样式文件加载,那么如何解决呢?

新客户无门槛领取总价值高达2860元代金券,每种代金券限量500张,先到先得。

https://cloud.tencent.com/act/cps/redirect?redirect=1040&cps_key=2605080a61af83344327dcdf8c6701c3&from=console

导致这一问题的原因分析:我们可以在谷歌浏览器下使用F12调试看下网页加载情况,你会发现css样式文件被浏览器禁止加载了。再看css文件的链接地址,都是以http形式开头的。css样式默认加载了http模式下的缓存样式。这个时候我们应该怎么办呢:https模式下进入discuz后台,更新网站缓存。 这里会存在一些问题:如果你是同时开启http(80端口)、https(443端口),那么出现CSS文件被屏蔽是会经常出现的。要怎么一劳永逸的解决这个问题呢?就要用到301跳转了,在nginx配置文件中将http请求强制301跳转到https。这样一跳转,所有的CSS样式均会在https模式下了。也就不会再出现网页排版混乱的情况了。如果还解决不了,可以依次检查配置以下几处: 1.后台,全局,站点URL 2.后台,站长,ucenter设置 3.ucenter,应用,编辑 4.修改模版各处http://为https:// 这里为模版文件较多的用户提供一个简单的批量的https://模版替换教程(开启伪静态的可用) 打开source/function/function_core.php,搜索$content = output_replace($content),在下面加入: $content = str_replace('http://www.xxx.com','https://www.xxx.com',$content);修改后,页面已经正常访问了如图:

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

编辑于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券