Nginx retorna 301 e anexa barra a imagens estáticas

Question

Estou implantando o aplicativo RoR no Amazon Elastic Beanstalk. Arquivos estáticos são servidos com nginx. A raiz do aplicativo é: /var/app/current , contém o aplicativo atual do Rails. public dir tree:

=> /var/app/current/public
drwxr-xr-x  6 webapp webapp 4096 Aug 31 12:53 .
drwxr-xr-x 13 webapp webapp 4096 Aug 31 12:54 ..
-rw-r--r--  1 webapp webapp 1722 Aug 31 12:52 404.html
-rw-r--r--  1 webapp webapp 1705 Aug 31 12:52 422.html
-rw-r--r--  1 webapp webapp 1635 Aug 31 12:52 500.html
-rw-r--r--  1 webapp webapp    0 Aug 31 12:52 apple-touch-icon.png
-rw-r--r--  1 webapp webapp    0 Aug 31 12:52 apple-touch-icon-precomposed.png
drwxr-xr-x  3 webapp webapp 4096 Aug 31 12:54 assets
drwxr-xr-x  2 webapp webapp 4096 Aug 31 12:52 debug
-rw-r--r--  1 webapp webapp    0 Aug 31 12:52 favicon.ico
drwxr-xr-x  4 webapp webapp 4096 Aug 31 12:52 fonts
drwxr-xr-x  3 webapp webapp 4096 Aug 31 12:52 images
-rw-r--r--  1 webapp webapp   98 Aug 31 12:52 robots.txt

O problema é que os ativos não são exibidos completamente. Aqui está a minha configuração nginx Estou empurrando para servidores EBS:

# 0.02
upstream my_app {
  server unix:///var/run/puma/my_app.sock;
}

log_format healthd '$msec"$uri"'
                '$status"$request_time"$upstream_response_time"'
                '$http_x_forwarded_for';

server {
  listen 80;
  server_name _ localhost; # need to listen to localhost for worker tier

  if ($time_iso8601 ~ "^(\d{4})-(\d{2})-(\d{2})T(\d{2})") {
    set $year $1;
    set $month $2;
    set $day $3;
    set $hour $4;
  }

  access_log  /var/log/nginx/access.log  main;
  access_log /var/log/nginx/healthd/application.log.$year-$month-$day-$hour healthd;

  location /assets {
    alias /var/app/current/public/assets;
    gzip_static on;
    gzip on;
    expires max;
    add_header Cache-Control public;
  }

  location /fonts {
    alias /var/app/current/public/fonts;
    gzip_static on;
    gzip on;
    expires max;
    add_header Cache-Control public;
  }

  location /images {
    alias /var/app/current/public/images;
    gzip_static on;
    gzip on;
    expires max;
    add_header Cache-Control public;
  }

  location / {
    proxy_pass http://my_app; # match the name of upstream directive which is defined above
    proxy_set_header Host $host;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  }

}

Os blocos /assets e /fonts são exibidos poperly, retornando o código 200.

Mas /images retorna 301, redirecionando para URL com barra final, que não pode ser encontrada:

Se eu solicitar uma imagem PNG com curl , a imagem será exibida corretamente. Redirecionamento /images/stubs/banner.png - > 301 = > /images/stubs/banner.png/ - > 404 acontece apenas no navegador.

Alguma ideia? Obrigado antecipadamente.

    

Answer 1

Verifique se o seu arquivo mime.types contém a seguinte linha:

types {
    ...
    image/png        png;
    ...
}

Pode ser que o nginx esteja tentando exibi-lo como HTML, pois ele não sabe o tipo de mime a ser usado quando ele é veiculado.

Além disso, certifique-se de que este arquivo está incluído no seu nginx.conf e você não o removeu por acidente! :) deve ser assim:

html {
    ...
    include /etc/nginx/mime.types;
    ...
}

    

Answer 2

O PNG já é um formato compactado, não é necessário usar o gzip aqui.

Tente remover a compactação gzip da localização / imagens e adicionar essa linha também neste local:

default_type image/png;

desde que as ferramentas dev estão sendo exibidas, o navegador recebeu text / html em vez de image / png