如何通过 nginx 使根目录子文件夹可用？

Question

我在运行 Debian 10.6 的远程服务器上设置了 nginx 1.14.2。 我的测试站点 index.html 位于/var/www/my-site/，到目前为止，nginx 广播得很好，只需要提供 HTML 源代码！
但是，似乎无法加载外部 CSS 或图像文件。这些文件分别位于/var/www/my-site/css 和/var/www/my-site/images。

这是来自 /etc/nginx 的 nginx.conf，我只是通过添加缓冲区策略、防止点击劫持和删除旧 SSL 格式对其进行了轻微修改：

user www-data;
worker_processes auto;
pid /run/nginx.pid;
include /etc/nginx/modules-enabled/*.conf;

events {
        worker_connections 768;
        # multi_accept on;
}

http {

        ##
        # Basic Settings
        ##

        sendfile on;
        tcp_nopush on;
        tcp_nodelay on;
        keepalive_timeout 65;
        types_hash_max_size 2048;
        server_tokens off;

        # server_names_hash_bucket_size 64;
        # server_name_in_redirect off;

        include /etc/nginx/mime.types;
        default_type application/octet-stream;

        ##
        # Buffer Policy
        ##
        client_body_buffer_size 1K;
        client_header_buffer_size 1k;
        client_max_body_size 1k;
        large_client_header_buffers 2 1k;

        ##
        # Avoid Clickjacking Attacks
        ##
        add_header X-Frame-Options "SAMEORIGIN";

        ##
        # SSL Settings
        ##

        ssl_protocols TLSv1.2 TLSv1.3; # Dropping SSLv3, ref: POODLE
        ssl_prefer_server_ciphers on;
        
        ##
        # Logging Settings
        ##

        access_log /var/log/nginx/access.log;
        error_log /var/log/nginx/error.log;

        ##
        # Gzip Settings
        ##

        gzip on;

        ##
        # Virtual Host Configs
        ##

        include /etc/nginx/conf.d/*.conf;
        include /etc/nginx/sites-enabled/*;
}

这是来自/etc/nginx/sites-available 的自定义my-site.net 配置，它是从/etc/nginx/sites-available/default 初始化的：

# Custom my-site.net configuration
#
server {

        root /var/www/my-site.net;

        index index.html index.htm index.nginx-debian.html;

        server_name my-site.net www.my-site.net;


        ##
        # Deny Automated User Agents
        ##
        if ($http_user_agent ~* LWP::Simple|BBBike|wget) {
                return 403;
        }

        location / {
                # First attempt to serve request as file, then
                # as directory, then fall back to displaying a 404.
                try_files $uri $uri/ =404;
                # Get rid of unwanted HTTP methods
                limit_except GET HEAD POST { deny all; }
        }

        ##
        # Stop deep or hot linking
        ##
        location /images/ {
                valid_referers none blocked www.my-site.net my-site.net;
                if ($invalid_referer) {
                        return 403;
                }
        }
        
        ##
        # Certbot Let's Encrypt! SSL
        ##
        listen [::]:443 ssl ipv6only=on; # managed by Certbot
        listen 443 ssl; # managed by Certbot
        ssl_certificate /etc/letsencrypt/live/my-site.net/fullchain.pem; # managed by Certbot
        ssl_certificate_key /etc/letsencrypt/live/my-site.net/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.my-site.net) {
        return 301 https://$host$request_uri;
    } # managed by Certbot


    if ($host = my-site.net) {
        return 301 https://$host$request_uri;
    } # managed by Certbot


    if ($host = www.my-site.net) {
        return 301 https://$host$request_uri;
    } # managed by Certbot


    if ($host = my-site.net) {
        return 301 https://$host$request_uri;
    } # managed by Certbot


    listen 80;
    listen [::]:80;

    server_name my-site.net my-site.net;
    return 404; # managed by Certbot

}

例如，我尝试将以下行添加到我的服务器块中。但是，当我尝试重新加载 nginx 时，总是会遇到配置错误。

location \images\ {
    root /var/www/my-site;
}

我不明白！我必须像这样使根目录的子目录可用，不是吗？还是我完全搞错了？

谢谢。

Answer 1

由于没有人能够回复我，这就是我最终得到它的方法。

我的FIRST ISSUE拥有权限和文件所有权：

/var/www 归root 用户和组所有，它的所有子目录和文件也是如此。因此，nginx 无法读取任何文件——即使配置正确——除了我的 index.html 来自/var/www/my-site （我现在还不太明白）。

为了解决这个问题，我首先将/var/www/my-site 及其所有子目录和文件的所有者和组更改为www-data，而不是root。 www-data 似乎是 默认用户，由 nginx 定义。它应该在 nginx.conf 的顶部从/etc/nginx 指定为user www-data。

sudo chown -R www-data:www-data /var/www/my-site

之后，我还为www-data 组和/var/www/my-site 目录及其子目录（虽然不是文件）设置了SetGID 权限标志s。

sudo chmod g+s /var/www/my-site /var/www/my-site/images /var/www/my-site/css

这意味着在/var/www/my-site 及其子目录中创建的所有未来文件都将获得应用到它们的组所有权（但不是任何新的子目录）。

现在，我仍然需要允许新组以适当的权限（即rwxrwxrx = 775）写入/var/www/my-site 及其子目录：

sudo chmod -R 775 /var/www/my-site

最后，我将自己（非root 用户）添加到www-data 组，以便能够使用例如 SFTP 上传（或写入）文件。

sudo usermod -a -G www-data [my username]

a 表示“附加”，-G www-data 表示“到现有组www-data”。

我的第二期位于/etc/nginx/sites-available的my-site.net配置中，该配置最初是从/etc/nginx/sites-available/default复制而来的。

原来在我的情况下，我只需要指定/var/www/my-site的相关子目录，即nginx根目录（参见server {...}块），如locations。

我已经用这个 sn-p 设置了/var/www/my-site/images，旨在防止图像的热链接或深度链接：

location /images/ {
    valid_referers none blocked www.my-site.net my-site.net;
    if ($invalid_referer) {
        return 403;
    }
}

剩下的就是为/var/www/my-site/css指定另一个位置：

location /css/ {

}

最后，我保存了配置并重新加载了 nginx，一切正常！