用于节点服务器的 Nginx 反向代理为 css/js 文件返回 404

Question

我正在尝试使用 NGINX 反向代理为 wiki.js 设置节点服务器。 我按照 wiki.js 安装说明将文件解压到/var/www/site/main/wiki因此文件结构如下所示：

var
  - www
    - site
      - main
        - wiki
          -assets  
          -config.yml  
          -LICENSE  
          -node_modules  
          -package.json  
          -server

我可以在该目录中运行node server命令，它指示我通过转到http://localhost:3000继续设置。 然后我尝试通过它的域访问该站点，并且页面标题被设置为wiki.js Setup因此某些内容正在通过 Nginx 代理传递，但所有 css/js 文件都返回 404 错误，导致页面无法呈现.

我使用了https://nginxconfig.io的 setup 来配置 Nginx 代理，服务器块如下：

server {
        listen 443 ssl http2;
        listen [::]:443 ssl http2;

        server_name example.com;

        # SSL
        ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem;
        ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem;
        ssl_trusted_certificate /etc/letsencrypt/live/example.com/chain.pem;

        # security
        include nginxconfig.io/security.conf;

        # reverse proxy
        location / {
                proxy_pass http://127.0.0.1:3000;

                # This next block is actually include with a include 
                # nginxconfig.io/proxy.conf call but this is the contents of that file

                proxy_http_version      1.1;
                proxy_cache_bypass      $http_upgrade;

                proxy_set_header Upgrade                        $http_upgrade;
                proxy_set_header Connection             "upgrade";
                proxy_set_header Host                           $host;
                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 X-Forwarded-Host       $host;
                proxy_set_header X-Forwarded-Port       $server_port;
        }

        # additional config
        include nginxconfig.io/general.conf;
}

# subdomains redirect
server {
        listen 443 ssl http2;
        listen [::]:443 ssl http2;

        server_name *.example.com;

        # SSL
        ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem;
        ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem;
        ssl_trusted_certificate /etc/letsencrypt/live/example.com/chain.pem;

        return 301 https://example.com$request_uri;
}

# HTTP redirect
server {
        listen 80;
        listen [::]:80;

        server_name .example.com;

        include nginxconfig.io/letsencrypt.conf;

        location / {
                return 301 https://example.com$request_uri;
        }
}

Answer 1

我自己刚刚遇到了这个问题。 经过一番摸索，我发现 nginxconfig.io 设置存在多个问题； 它似乎想要配置太多东西，这妨碍了 wiki.js 实际上能够做自己的事情。

• 需要取消设置内容安全策略
• 删除了所有包含以加快调试速度

截至目前（2020-05-16_14-11），这些是有效的工作服务器块：

server {
    listen 443 ssl http2;
    listen [::]:443 ssl http2;

    server_name wiki.domain.invalid;

    # SSL
    ssl_certificate /etc/letsencrypt/live/wiki.domain.invalid/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/wiki.domain.invalid/privkey.pem; #managed by Certbot
    ssl_trusted_certificate /etc/letsencrypt/live/wiki.domain.invalid/chain.pem;

    # security headers
    add_header X-Frame-Options "SAMEORIGIN" always;
    add_header X-XSS-Protection "1; mode=block" always;
    add_header X-Content-Type-Options "nosniff" always;
    add_header Referrer-Policy "no-referrer-when-downgrade" always;
    #add_header Content-Security-Policy "default-src 'self' http: https: data: blob: 'unsafe-inline'" always;
    add_header Strict-Transport-Security "max-age=0" always;

    # . files
    location ~ /\.(?!well-known) {
        deny all;
    }

    # logging
    access_log /var/log/nginx/wiki.domain.invalid.access.log;
    error_log /var/log/nginx/wiki.domain.invalid.error.log warn;

    # reverse proxy
    location / {
        proxy_pass http://127.0.0.1:3000;
        proxy_http_version                  1.1;
        #proxy_cache_bypass                  $http_upgrade;
        proxy_set_header Upgrade            $http_upgrade;
        proxy_set_header Connection         "upgrade";
        proxy_set_header Host               $http_host;
        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 X-Forwarded-Host   $host;
        #proxy_set_header X-Forwarded-Port   $server_port;
                proxy_next_upstream error timeout http_502 http_503 http_504;
    }

    # gzip
    gzip on;
    gzip_vary on;
    gzip_proxied any;
    gzip_comp_level 6;
    gzip_types text/plain text/css text/xml application/json application/javascript application/rss+xml application/atom+xml image/svg+xml;
}

    # HTTP redirect
server {
    listen 80;
    listen [::]:80;

    server_name wiki.domain.invalid;

    # ACME-challenge
    location ^~ /.well-known/acme-challenge/ {
        root /var/www/_letsencrypt;
    }

    location / {
        return 301 https://wiki.domain.invalid$request_uri;
    }

 }