Nginx 不會提供 static 文件（反向代理 + Express API）？

Question

我無法讓 Nginx 為我的 static 文件提供服務。 它總是給我 302 錯誤。 我在公共文件夾（ /home/user/Documents/myapp.com/CURRENT PROJECT/public ）中有我的 static 文件，並希望在用戶訪問該站點並請求myapp.com/css/style.css時為它們提供服務， myapp.com/js/main_script.js ...我有權限，但據我所知，它要么找不到文件，要么完全忽略它，並嘗試從 API 為它們提供服務（我不能使用 express. static 了）。

user www-data;
pid /run/nginx.pid

http {
    upstream loadbalance {
        least_conn;
        server myapp:8003;
    }

    server {
        listen 80;
        listen 443 ssl http2;
        server_name www.myapp.com;

        ssl_certificate         /etc/ssl/certs/cert.pem;
        ssl_certificate_key     /etc/ssl/private/key.pem;
        ssl_client_certificate /etc/ssl/certs/cloudflare.crt;

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

    server {
        root "/home/user/Documents/myapp.com/CURRENT PROJECT/public";
        server_name myapp.com;

        ##
        # SSL Settings
        ##
        listen 443 ssl http2;
        listen [::]:443 ssl http2;
        ssl_certificate         /etc/ssl/certs/cert.pem;
        ssl_certificate_key     /etc/ssl/private/key.pem;
        ssl_client_certificate /etc/ssl/certs/cloudflare.crt;

        # This would not work
        location /css/ {
                autoindex on;
        }

        # This would not work
        location ~ \.(css|js|woff|woff2|png|jpg|jpeg|webp|svg|mp3) {
                 root '/home/user/Documents/app.com/CURRENT PROJECT/public';
                 gzip_static on;
                 expires max;
        }

        #Api
        location / {
            proxy_http_version 1.1;
            proxy_request_buffering off;
            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_pass http://loadbalance;
        }
    }
}

Answer 1

設置反向代理后，您應該使用 express 管理 static 文件的路由。 我的代理設置：

location / {
 proxy_pass http://localhost:3000;
 proxy_http_version 1.1;
 proxy_set_header Upgrade $http_upgrade;
 proxy_set_header Connection 'upgrade';
 proxy_set_header Host $host;
 proxy_cache_bypass $http_upgrade;
}