☰

我如何让 Nginx 告诉 Firefox 缓存我的内容？

tag-icon • tag-icon nginx cache
我如何让 Nginx 告诉 Firefox 缓存我的内容？

以下标头（来自静态媒体响应）不会导致 Firefox 缓存。但在 Chrome 中却会导致缓存。

HTTP/1.1 200 OK
Server: nginx
Date: Sat, 22 Dec 2012 21:20:39 GMT
Content-Type: application/x-javascript; charset=utf-8
Last-Modified: Fri, 21 Dec 2012 19:28:54 GMT
Transfer-Encoding: chunked
Connection: keep-alive
Cache-Control: public, max-age=86400
Content-Encoding: gzip

我的用于静态内容的 Nginx 服务器如下所示：

server {
    listen 80;
    server_name static.example.com;

    # Logs
    access_log /var/log/nginx/static.example.com.access.log;
    error_log /var/log/nginx/static.example.com.error.log;

    # Root
    location / {
        alias /var/www/app/deps/current/repo/src/example/static/;
        add_header Cache-Control "public, max-age=86400";
    }
}

我也尝试过使用 代替expires 24h;，但add_header ...没有成功。

我在互联网上发现了许多类似的抱怨，但没有解决方案，也没有任何关于为什么会发生这种情况的想法，除了一个人提到 Firefox 如何故意偏离处理 HTTP 1.1Cache-Control标头的规范。

有没有办法让 Firefox 通过一个或多个标头缓存我的静态媒体？我不希望我的服务器 75% 的静态媒体请求来自 20% 的用户，只是因为 Firefox 崩溃了。

注意，我使用的是 Firefox 17.0.1 的默认设置，但安装了 Firebug 并打开了Net选项卡。

更新：

改用：

expires 1d;
add_header Cache-Control public;

导致标题包含：

Expires: Wed, 26 Dec 2012 19:54:20 GMT
Cache-Control: max-age=604800, public

这也不会导致 Firefox 缓存内容。

答案1

如何确定 Firefox 没有缓存您的文件？

当Last-Modified回复中存在标头时，浏览器应该对带有If-Modified-Since标头的同一 URL 进行所有后续请求，然后如果文件自那时起没有被修改，则来自服务器的响应可能仅包含标头（没有正文）。

据我所知，Gecko 还会查看Last-Modified日期有多旧。如果日期相对较新，那么内容一直在变化，并且必须经常重新请求（使用If-Modified-Since或类似命令）才有意义。另一方面，如果日期是几周、几个月或几年以前，那么内容可能会被缓存很长一段时间。

另一件需要注意的事情是：你的 Firefox 机器上的时区和时间是否正确？

答案2

server {
    expires    1d;
    add_header Cache-Control public;
    listen 80;
    ....
}

请按照以下方法尝试nginx 文档

所以我很好奇，尝试使用下面的配置自己缓存。我所做的更改是在 localhost:4567 上启动了一个应用程序。而在外部网站上配置了代理密码。与我能找到的大多数缓存示例差不多。

user nginx; worker_processes 2;
error_log /var/log/nginxtesterror.log; pid /run/nginx.pid;
events { worker_connections 1024; }
http { include /etc/nginx/mime.types; default_type
    application/octet-stream;
    log_format main '$remote_addr - $remote_user [$time_local]
                      "$request" ' '$status $body_bytes_sent
                      "$http_referer" ' '"$http_user_agent"
                      "$http_x_forwarded_for"';
    access_log /var/log/nginx/access.log main;
    sendfile on; #tcp_nopush on; keepalive_timeout 65;
    proxy_cache_path
    /var/www/app/deps/current/repo/src/example/static/ levels=1:1:2
    keys_zone=one:200m max_size=1000m loader_files=2000 inactive=60m;
    proxy_temp_path /var/www/app/deps/current/repo/src/example/tmp;
    proxy_cache_valid 1d;
    gzip on; gzip_disable msie6; gzip_static on; gzip_comp_level 4;
    gzip_proxied any; gzip_types text/plain text/css
    application/x-javascript text/xml application/xml
    application/xml+rss text/javascript;
    server { listen 80; server_name static.example.com;
        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_pass_header Set-Cookie ;
        location ~*
                .(?:ico|css|js|gif|jpe?g|png|pdf|zip|tar|t?gz|mp3|wav|swf)$
                { expires max; add_header Pragma public; add_header
                Cache-Control public; }

        location / { proxy_pass http://localhost:4567; proxy_cache_key
            $cache_key; proxy_cache one; add_header Cache-Control
            public; proxy_cache_valid 1d; proxy_cache_use_stale error
            timeout invalid_header http_500 http_502 http_504
            http_404; }
    }
    server {
        root /var/www/app/deps/current/repo/src/example/static/;
        listen 127.0.0.1:4567; set $cache_key
        $scheme$host$uri$is_args$args;

        # Logs access_log
        /var/log/nginx/static.example.com.access.log; error_log
        /var/log/nginx/static.example.com.error.log;

        # Root 
        location / {
            alias /var/www/app/deps/current/repo/src/example/static/; 
            } 
       }
}

相关内容