腾讯云网站解决方案帮您轻松应对建站成本高/网络不稳等常见问题

discuz网站、论坛开启https后,出现页面模板错位,要如何解决

4
回复
2171
查看
[复制链接]

765

主题

779

帖子

3万

积分

董事

Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72

积分
33025
发表于 19-8-26 10:28:35 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
我们在前面的教程中讲到如何开启discuz的https访问。
* U8 j0 t( y4 E: I4 k; g. U( k9 l5 {' `  j; |
但是,有时会出现下图这样的情况,网站页面排版混乱,感觉像乱码了一样。4 X9 \* u$ ?. Y3 P$ j) Q6 l
136255d6343b0d262f.png
2 }! T# ~/ W) I9 o' z! E4 l- k: m  a+ @0 @+ R
导致这一问题的原因分析:我们可以在谷歌浏览器下使用F12调试看下网页加载情况,你会发现css样式文件被浏览器禁止加载了。再看css文件的链接地址,都是以http形式开头的。" t: e; P# `7 \

! g9 q% m7 e( c问题原因找到了:css样式默认加载了http模式下的缓存样式。! o9 |) V0 Z/ s  o, W( Q1 h

5 o( t1 \: Q  b这个时候我们应该怎么办呢:https模式下进入discuz后台,更新网站缓存。
/ B: }" y8 p5 i& N) I, {$ o5 \; Z! j1 \
这里会存在一些问题:如果你是同时开启http(80端口)、https(443端口),那么出现CSS文件被屏蔽是会经常出现的。
. U. O- ^5 N2 L/ n4 K9 Z
6 W1 C; I2 D4 S5 |要怎么一劳永逸的解决这个问题呢?9 P; ]4 u; c1 S1 _' q6 ^! m( P& k
4 F, [1 K3 |5 T/ y
就要用到301跳转了,在nginx配置文件中将http请求强制301跳转到https。
& p& i) V) I" a3 R. c. R6 e1 m. N8 s7 j# m, y$ L" c& A, e
这样一跳转,所有的CSS样式均会在https模式下了。
4 w' i* T& O4 N' ]8 Z6 l: T. \$ |% ]( G$ H4 d8 b- F( H' m$ H
也就不会再出现网页排版混乱的情况了。  o) {0 [5 Z# y& T6 P# q

# J% b( M, D3 {" c1 y1 d具体如何做discuz的301跳转,点击查看
9 j, ~) M; q$ t) N. N* B# W9 b% N" T# D% {' s( k6 y0 p; b
+ f( ?, Z4 b7 H9 W0 a6 i9 p9 }, c

0 S) J% J* q7 A% O7 ~  u$ G

1

主题

6

帖子

26

积分

1°伸手党

Rank: 2

积分
26
发表于 19-11-14 10:37:10 | 显示全部楼层         
来过
回复

使用道具 举报

0

主题

12

帖子

20

积分

1°伸手党

Rank: 2

积分
20
发表于 20-5-17 21:53:08 | 显示全部楼层         
写的真的很不错
回复

使用道具 举报

0

主题

8

帖子

20

积分

1°伸手党

Rank: 2

积分
20
发表于 20-5-31 01:18:47 | 显示全部楼层         
这是什么东东啊
回复

使用道具 举报

1

主题

10

帖子

24

积分

1°伸手党

Rank: 2

积分
24
发表于 昨天 20:48 | 显示全部楼层         
好好 学习了 确实不错
回复

使用道具 举报

网站简介

球球发,是一家 Discuz! 商业插件、风格模板、网站源码、 Discuz!运营维护技术等于一体的交流分享网站,全站95%的资源都是免费下载,对于资源我们是每天更新,每个亲测资源最新最全---球球发(如果我们有侵犯了您权益的资源请联系我们删除