Como carregar arquivos estáticos em uma configuração Nginx + Flask se o aplicativo for mapeado para um subdiretório

Question

Eu tenho um site html básico em execução em um domínio (digamos example.com) e quero executar um aplicativo de balão em um subdiretório (por exemplo: example.com/test) O aplicativo flask está sendo executado na porta 5433 usando o servidor de desenvolvimento padrão flask.

Eu usei a seguinte configuração nginx para conseguir isso

location /test {
        rewrite /test(.*) $1 break;
        proxy_pass http://localhost:5433;
        proxy_redirect     default;
        proxy_set_header   Host             $host;
        proxy_set_header   X-Real-IP        $remote_addr;
        proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
    }

    location /static/{
        alias /home/hrishi/www/example.com/test/app/static/;
    }

Eu posso acessar o aplicativo usando o example.com / teste / url, mas os arquivos estáticos não são carregados (com erro 404) apesar do alias.

Como posso consertar isso?

Atualização: adicionando todo o bloco de servidores conforme instruído

 server {

    listen   *:80 default_server; ## listen for ipv4; this line is default and implied
    #listen   [::]:80; # listen for ipv6

    root /home/hrishi/www/example.com/;
    index index.php index.html index.htm;

    # Make site accessible from http://localhost/
    server_name example.com;

    # Logging
    access_log  /home/hrishi/log/example.com/access.log;
    error_log   /home/hrishi/log/example.com/error.log notice;

    location / {
        #try_files $uri $uri/ /index.html;
        try_files $uri $uri/ /index.php;
    }

    location /doc {
        autoindex on;
    }

    location /test {
        rewrite /test(.*) $1 break;
        proxy_pass http://localhost:5433;
        proxy_redirect     default;
        proxy_set_header   Host             $host;
        proxy_set_header   X-Real-IP        $remote_addr;
        proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
    }


    location /static/{
        alias /home/hrishi/www/example.com/test/app/static/;
    }

    #error_page 404 /404.html;

    # redirect server error pages to the static page /50x.html
    error_page 500 502 503 504 /50x.html;
    location = /50x.html {
        root /home/hrishi/www/example.com/error/;
    }

    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
    #
    #location ~ \.php$ {
    #    try_files $uri =404;
    #    fastcgi_split_path_info ^(.+\.php)(/.+)$;
    #    fastcgi_pass unix:/var/run/php5-fpm.sock;
    #    fastcgi_index index.php;
    #    include fastcgi_params;
    #}

    # serve static files directly
    location ~* ^.+.(jpg|jpeg|gif|css|png|js|ico|html|xml|txt)$ {
        expires           max;
    }

}

    

Answer 1

Isso se deve a isso:

location ~* ^.+.(jpg|jpeg|gif|css|png|js|ico|html|xml|txt)$ {
    expires           max;
}

Como os locais de regex têm precedência sobre os locais prefixados. Eu verifico vergonhosamente um post meu que você deve ler: Nginx rewite rules 403 error .

Você precisará transformar seu antigo bloco de localização prefixado em um bloco de localização regex ou usar o bloco de localização regex para extensões de arquivo com um grupo de captura e usar o último em uma diretiva de alias.