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

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

1
回复
1599
查看
[复制链接]

761

主题

775

帖子

3万

积分

董事

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

积分
32853
发表于 19-8-26 10:28:35 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
我们在前面的教程中讲到如何开启discuz的https访问。+ f1 M" l- k! b3 I3 `. O: O% h
% d& c  ?3 b- X$ p" z6 p$ T
但是,有时会出现下图这样的情况,网站页面排版混乱,感觉像乱码了一样。+ G( z( @, |  ~2 [2 i
136255d6343b0d262f.png & F0 M$ o1 E: Y2 U) C
( P2 m9 K7 i! @. x$ C
导致这一问题的原因分析:我们可以在谷歌浏览器下使用F12调试看下网页加载情况,你会发现css样式文件被浏览器禁止加载了。再看css文件的链接地址,都是以http形式开头的。& f4 h8 u0 g/ [! x7 S1 ^
! A- @' @8 L0 I; ?; N4 N+ P1 z
问题原因找到了:css样式默认加载了http模式下的缓存样式。/ B  F4 J4 U. m) K

, i8 u) o: N& }9 T这个时候我们应该怎么办呢:https模式下进入discuz后台,更新网站缓存。
  P! K7 h3 J$ O, M- `( f% @6 {6 y9 R1 `
这里会存在一些问题:如果你是同时开启http(80端口)、https(443端口),那么出现CSS文件被屏蔽是会经常出现的。
0 L5 B! O& n4 N! Q2 r
+ K7 @/ n$ F6 h- [要怎么一劳永逸的解决这个问题呢?; o9 D7 w4 B* R* c

# y# D; {2 H4 N4 y, s: i' y就要用到301跳转了,在nginx配置文件中将http请求强制301跳转到https。* m; H# k2 X; \- N

" W5 Y; Z, f5 q5 |$ @9 U这样一跳转,所有的CSS样式均会在https模式下了。
- ]1 S9 ]6 B7 }! \' t9 r' h
: q8 U2 _5 v" o+ O' ?3 W也就不会再出现网页排版混乱的情况了。: n) {; Y. Z$ j% X( v0 y  ?" ?

- ~/ I, u8 |, @+ Z具体如何做discuz的301跳转,点击查看5 E6 e# ~! p" ]

$ f7 ~4 ?; M! C- {; y! P
: W: }: E/ v  b. {8 @7 v* K: T, Y+ U- Z+ y. M/ z  R

1

主题

5

帖子

26

积分

1°伸手党

Rank: 2

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

使用道具 举报

网站简介

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