前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >DISCUZ网站部署ssl开启https访问页面错位的解决方法

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

原创
作者头像
大宇云的客户
修改2019-09-10 17:57:33
2.5K0
修改2019-09-10 17:57:33
举报
文章被收录于专栏:大宇云的客户大宇云的客户

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

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

https://cloud.tencent.com/act

QQ图片20181114130309.png
QQ图片20181114130309.png

导致这一问题的原因分析:我们可以在谷歌浏览器下使用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);修改后,页面已经正常访问了如图:

QQ图片20181114130344.png
QQ图片20181114130344.png

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

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档