☰

Nginx 反向代理不提供图像或 CSS

tag-icon • tag-icon nginx reverse-proxy configuration
Nginx 反向代理不提供图像或 CSS

我在服务器 192.168.1.105:4444 上运行 wordpress docker 实例。在我的 LAN 上的一个单独服务器上，我让 nginx 充当反向代理，将我的域指向它。我可以加载 html，但无法加载图像和 css。有很多关于此错误的帖子，但似乎有很多原因会导致此错误。我希望有人检查我的配置是否存在错误：

这是我目前的配置文件。

server {
  server_name  test1.example.com www.test1.example.com;

  location / {
    proxy_pass  http://192.168.1.105:4444;
#   proxy_set_header    X-Real-IP           $remote_addr;
#   proxy_set_header    X-Forwarded-For     $proxy_add_x_forwarded_for;
#   proxy_set_header    X-Forwarded-Proto   $scheme;
#   proxy_set_header    Host                $host;
#   proxy_set_header    X-Forwarded-Host    $host;
#   proxy_set_header    X-Forwarded-Port    $server_port;

 }



    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/test1.example.com/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/test1.example.com/privkey.pem; # managed by Certbot
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot


}

server {
    if ($host = www.test1.example.com) {
        return 301 https://$host$request_uri;
    } # managed by Certbot


    if ($host = test1.example.com) {
        return 301 https://$host$request_uri;
    } # managed by Certbot


  server_name  test1.example.com www.test1.example.com;
    listen 80;
    return 404; # managed by Certbot




}

注意：注释部分是我根据本教程尝试过的故障排除：关联

如果我删除注释，错误将变为“拒绝连接”，并且浏览器中的 URL 将从 test1.example.com 重定向到 test1.example.com:4444

答案1

安装 Wordpress 时，它使用的默认网站地址是您安装它的任何本地地址。

一旦您将域名设置为指向此地址，您还必须将设置 > 常规下的 wordpress URL 更改为您的域名，例如。https://example.com

如果不这样做，您的所有 css、图像和内部链接都将指向您的 LAN ip，而不是您的域。因此，当您在网络外部检查时，不会加载任何 css 和图像。

Wordpress 设置

相关内容