世界,您好!

欢迎使用WordPress。这是您的第一篇文章。编辑或删除它,然后开始写作吧!

  1. 前言
  2. 使用架构
  3. 当WordPress主页遇到502 Bad Gateway
  4. WordPress后台仪表盘无法加载css样式

一、前言

自2020年1月26日凌晨一直折腾到27日傍晚,中途还遇到Windows更新与旧版本的火绒剑sysdiag.sys驱动鼎力合作,屡次蓝屏治我,历经艰难,我的第一个WordPress站点终于落地。

二、使用的架构

1
2
3
4
5
6
CentOS 8
+ Nginx 1.14.1
+ PHP 7.2.11
+ MySQL 8.0.17

博客框架:WordPress

https://nodeedge.com/centos-8-nginx-php-mysql.html

过程大部分参考了zoco的这篇文章,我这样一个纯新手摸爬滚打才能搭建起自己的站点。

三、当WordPress主页遇到502 Bad Gateway

安装完Nginx PHP MySQL,WordPress目录也释放完毕,权限也设置好了,我以为很快就能见到HelloWorld,这时候遇到了问题。

  1. Nginx欢迎页正常显示
  2. 编辑/etc/nginx/conf.d/目录下的站点conf文件,把server{}的root改到/var/www/wordpress
  3. 重启Nginx,访问主页

好嘛, 502 bad Gateway十分显眼。

这个问题困扰我整整一晚上,正赶上天快亮sysdiag.sys突然蓝屏治我,直接我就扭头睡觉。

27号起来继续鼓捣,灵光一闪,检查发现配置的access-logerror-log正常输出了,解决有望。

error-log里面有这么一条记录

1
……connect() to unix:/tmp/php-fpm.sock failed (13: Permission denied) while connecting to upstream, client: xxx.xxx.xxx.xxx, server: localhost, ……

可以找到关键字段

1
connect() to unix:/tmp/php-fpm.sock failed (13: Permission denied) 

显然这就是导致WordPress搭建时502错误的元凶,权限问题。

参考CSDN的文章 php-fpm与nginx通信connect() to unix:/tmp/php-fpm.sock failed (13: Permission denied) 的解决方法 ,再想想自己搭建方案使用了新建的独立用户组用户,立刻就明白问题所在了。

解决方法是编辑php-fpm的配置文件www.conf

1
vim /etc/php-fpm.d/www.conf

1.去除注解 listen.owner = wwwlisten.group = www 使其生效。

1
2
3
listen.owner = www
listen.group = www
listen.mode = 0660

2.注意也要修改 /etc/nginx/conf.d/ 目录下站点conf文件,

修改 fastcgi\_pass/etc/php-fpm.d/www.conf

两个文件里面的 listen= 监听地址要一致:

1
2
3
4
5
6
7
8
9
10
11
server{

location ~ \.php$ {
root /var/www/wordpress;
fastcgi_pass unix:/run/php-fpm/www.sock;
fastcgi_index index.php;
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
fastcgi_buffers 256 4k;
include fastcgi_params;
}
}

上述配置修改完成后,WordPress站点就已经可以访问了。

如果是搭建WordPress站点,还需要在网页安装WordPress之前给服务器安装php-json模块,否则网页安装时会“遇到致命错误”。

为网站创建单独的MySQL数据库,给数据库用户设置权限的命令在MySQL 8中不受支持

考虑将以下命令:

1
grant all privileges on nodeedge.* to nodeedge_user@localhost identified by 'nodeedge_password';

替换为这种方式:

1
grant all privileges on nodeedge.* to nodeedge_user@localhost WITH GRANT OPTION;

四、WordPress后台仪表盘无法加载css样式

建站成功后遇到的第一个问题,参考以下解决办法。

参考:Wordpress后台无法加载样式

WordPress的wp后台css样式错乱的原因是nginx配置fastcgi_buffers问题
后台加载样式地址例如:

https://www.example.com/wp-admin/load-scripts.php?c=1&load%5B%5D=jquery-core,jquery-migrate,utils&ver=5.0.4

这种url的内容太长,
nginx的fcgi buff有限,导致无法正常加载css
server字段里面放置:

fastcgi\_buffers 256 4k;

之后重启即可

后记

正是因为有着热衷分享交流的人,这小站搭建才能成功。

感谢,加油!

作者

Jayve

发布于

2020-01-27

更新于

2024-06-21

许可协议


:D 一言句子获取中...