Question

我的问题似乎与this

重复

但我有案例

当我使用F5刷新页面时，图像不会从缓存中获取，而是请求服务器和服务器响应304状态代码（未修改）
但如果我在地址栏中键入URL或从浏览器后退/前进按钮导航页面，则图像来自缓存。

但我在这里有一个疑问，为什么在F5（页面刷新）上对缓存图像请求到源服务器

Nginx配置

location ~* \.(js|css|png|jpg|jpeg|gif|ico)$ {
  expires 2d;
  proxy_pass http://localhost:3001;
  break;
}

请求标题

===================================
GET /assets/first_banner.png HTTP/1.1
Host: localhost:3000
Connection: keep-alive
Cache-Control: no-cache
Pragma: no-cache
Accept: image/webp,*/*;q=0.8
User-Agent: Mozilla/5.0 (X11; Linux i686) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.65 Safari/537.36
Referer: http://localhost:3000/
Accept-Encoding: gzip,deflate,sdch
Accept-Language: en-US,en;q=0.8
===================================

回复标题：

===================================
HTTP/1.1 200 OK
Server: nginx/1.1.19
Date: Sun, 08 Dec 2013 20:31:06 GMT
Content-Type: image/png
Content-Length: 141498
Connection: keep-alive
Cache-Control: max-age=172800
Last-Modified: Wed, 23 Oct 2013 05:34:11 GMT
Etag: "0fc96d0218a47398d37dacca76916727"
X-Ua-Compatible: IE=Edge
X-Request-Id: 48d1ec3a24e2c0f13250ea74101f6753
X-Runtime: 0.021479
Expires: Tue, 10 Dec 2013 20:31:06 GMT
===================================

Answer 1

当您点击F5时，如果本地缓存的内容仍然有效，请告知浏览器检查网络服务器。

如果对象在Web服务器上过期，则浏览器再次获取资产。如果对象仍然有效，则使用本地浏览器缓存的内容。

为什么浏览器不缓存这些静态文件

1 个答案: