WordPress 无法正确加载样式

发布于 2023-07-12  100 次阅读


问题描述

昨天第一次部署的时候一切正常,后来不记得调了一个什么设置,导致整个站点的样式都加载不出来。打开浏览器控制台,发现有请求报 mixed-content 错误,点开发现是 http 请求,因此被拦截了。

后面不管是重置容器还是重启 nginx 均不能恢复。

问题解决

想起来之前导航站部署的时候好像也有类似问题,猜测是 nginx 配置不对,一检查,果然发现那边的配置不是我平常默认使用的。于是将其复制过来,果然有效。配置如下:

#反向代理
server {
    listen 443 ssl;
    #设置监听的端口
    server_name 你的域名;
    #添加监听的主机名
    ssl_certificate 证书路径;
    #添加SSL证书
    ssl_certificate_key 证书key路径;
    #添加SSL证书Key
    ssl_session_timeout 5m;
    #设置session超时时间
    ssl_ciphers 自行设置;
    #设置SSL加密配置
    location / {
         proxy_set_header Host $host;
         proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
         proxy_set_header X-Real-IP $remote_addr;
         proxy_set_header X-Forwarded-Proto $scheme;
         proxy_redirect off;
         proxy_set_header X-Forwarded-Host $server_name;
         proxy_pass http://127.0.0.1:宿主机端口;
         client_max_body_size 5120m;
    }
}
#强制https
server {
    listen 80;
    #设置监听的端口
    server_name 你的域名;
    #添加监听的主机名
    #return 301 https://$host$request_uri;
    #重定向到443端口
    rewrite ^(.*) https://$host$1 permanent;
}