解决CDN加速502-江苏天煌照明集团有限公司 - 智慧路灯-智能路灯-江苏天煌照明集团有限公司

环境

CDN加速，SSL证书认证，WordPress，宝塔面板

在本文中将会解决的问题

无限重新定向
SSL证书配置正确但没有生效
SSL证书生效但显示“您与此网站之间建立的连接并非完全安全”
CDN加速后导致502 ERROR
由“您与此网站之间建立的连接并非完全安全”导致的WordPress主页样式丢失
WordPress后台无法进入，自动跳转到https

无限重新定向

无限重新定向发生的时候看起来例如下图：

QQ图片20200326000645-281x300-1-1

当出现这种情况时，检查服务器中是否和CDN同时开启了强制https或者301重定向问题。

SSL证书配置正确但没有生效

当我的博客发生了这个问题的时候，我纠结了非常久，但只是因为一个小失误。

这个博客是使用我自己的实体服务器搭建的，在搭建时使用了两个路由器，一个是主路由器，然后从主路由器中扯出一根线连接到Google Wifi然后再由Google Wifi中的Ethernet口再扯一根线到这台Linux服务器上，因此存在着三个端口开放规则！一个是主路由器，一个是Google Wifi，一个是当前的Linux服务器

当初我犯这个错误的时候什么看起来都没有问题，自己的SSL证书验证了很多次都没有问题，直到最后我才发现主路由器没有开放用于SSL验证的443端口。所以当出现配置完全正确，但SSL不生效时请一定先检查你所有的端口开放规则！保证443端口畅通无阻！！！

SSL证书生效但显示“您与此网站之间建立的连接并非完全安全” 和由“您与此网站之间建立的连接并非完全安全”导致的WordPress主页样式丢失

这又是一个很常见的问题，并不是SSL证书安装完就可以完事的，关于这两个问题，是可以一起说的，倒不如说他们是因果关系。

https可以访问，WordPress页面也出来了,但是浏览器链接左侧显示“您与此网站之间建立的连接并非完全安全”，并且WordPress的样式丢失了。

那么我这里利用Chrome浏览器举个栗子，在你的页面中点击鼠标右键，在菜单中选择检查，或者使用组合键Ctrl+Shift+I

在右侧中找到Console(控制台)，点击进去之后你应该可以看到如下图所示的样子：

QQ截图20200325213839-291x300-1-1

图示1

并且你的网页链接左侧显示(看到证书也是有效的):

QQ截图20200325213816-292x300-1-1

图示2

在图示1中可以看出请求的CSS还是http开头，就是因为调用了http,因此才会不完全安全，哪怕你拥有SSL证书，而事实也是如此。

在图示1中也可以看出请求的正式CSS格式的样式文件，但是被浏览器阻拦(Block)了，这时需要对WordPress进行以下操作。

以CentOS为例，首先使用Linux指令cd指定到WordPress的安装目录(如果你是宝塔那就简单多了

假如我的根目录在/xxx/wwwroot/pzo.cc,则使用指令

cd /xxx/wwwroot/pzo.cc

基础指令我就不多说了。在你的根目录下输入

vi wp-config.php

会打开一个文档，如下图示:

QQ截图20200326003703-231x300-1-1

点击i进入insert模式，在图示中的

* @package WordPress*/

下方加上:

$_SERVER['HTTPS'] = 'on';define('FORCE_SSL_LOGIN', true);define('FORCE_SSL_ADMIN', true);

之后按ESC键，输入 :wq 保存并退出。

随后我们继续使用指令cd wp-includes/从当前的根目录继续打开wp-includes目录，使用指令vi functions.php编辑 functions.php文件

找到

require( ABSPATH . WPINC . '/option.php' );

然后在它的下方添加

add_filter('script_loader_src', 'agnostic_script_loader_src', 20,2); function agnostic_script_loader_src($src, $handle) {  return preg_replace('/^(http|https):/', '', $src); } add_filter('style_loader_src', 'agnostic_style_loader_src', 20,2); function agnostic_style_loader_src($src, $handle) {  return preg_replace('/^(http|https):/', '', $src);}

随后按ESC键，输入 :wq 保存并退出。

自此问题应当被修复:D