☰

Nginx 返回 301 并为静态图像添加斜线

tag-icon • tag-icon nginx ruby-on-rails elastic-beanstalk
Nginx 返回 301 并为静态图像添加斜线

我正在将 RoR 应用程序部署到 Amazon Elastic Beanstalk。静态文件由 nginx 提供。应用程序根目录为：/var/app/current，它包含当前 Rails 应用程序。public目录树：

=> /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

问题是资产没有完全提供。这是我推送到 EBS 服务器的 nginx 配置：

# 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;
  }

}

块/assets并被/fonts正确服务，返回代码 200。

但/images返回 301，重定向到带有尾部斜杠的 URL，但该 URL 无法找到：

301 至 404

如果我使用 请求 PNG 图像curl，图像将正确呈现。重定向/images/stubs/banner.png-> 301 => /images/stubs/banner.png/-> 404 仅在浏览器中发生。

有什么想法吗？提前谢谢您。

答案1

请检查您的mime.types文件是否包含以下行：

类型 {
    ...
    图像/png png；
    ...
}

可能是 nginx 尝试将其作为 HTML 提供，因为它不知道在提供时要赋予它什么 MIME 类型。

另外，请确保此文件包含在你的 nginx.conf 中，并且你没有意外删除它！:) 应该是这样的：

html {
    ...
    包括/etc/nginx/mime.types；
    ...
}

答案2

PNG 已经是压缩格式，这里不需要使用 gzip。

尝试删除位置 /images 的 gzip 压缩，并在此位置添加此行：

default_type image/png;

从开发工具显示，浏览器收到的是 text/html 而不是 image/png

相关内容