如何在 Chrome 中缓存文件

Question

我有一个 Web 应用程序，我希望某些文件应该始终在 Chrome 浏览器中缓存至少 24 小时。为此，我在 apache webserver 2.4.9 中做了一些配置。

但我的文件仍然被缓存。它总是从我的网络服务器下载。

知道如何在 apache 或 chrome 中进行设置以在 chrome 中启用浏览器缓存，因为它在 Mozilla 浏览器中正常工作。

另外我想知道我已经将缓存控制设置为 1 天，但仍然在 chrome 中显示无缓存

我的阿帕奇配置设置。

<ifModule mod_headers.c>
<filesMatch "\.(html|htm|png|js|css)$">
 Header set Cache-Control "max-age=86400, public, must-revalidate"
</filesMatch>
</ifModule>

浏览器网络面板中的输出

Remote Address:xx.xx.xx.xx:80
Request URL:http://test.com/test.js?buildInfo=1.1.2
Request Method:GET
Status Code:200 OK
Request Headersview source
Accept:*/*
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8
**Cache-Control:no-cache**
Connection:keep-alive
Cookie:JSESSIONID=169A6E41C963E44F2D9D2FA405E41A08
Host:xx.xx.xxx.xx
Pragma:no-cache
Referer:http://test.com/
User-Agent:Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like    
Gecko) Chrome/37.0.2062.120 Safari/537.36
Query String Parametersview sourceview URL encoded
buildInfo:1.1.2
Response Headersview source
Accept-Ranges:bytes
Connection:Keep-Alive
Content-Encoding:gzip
Content-Type:text/javascript
Date:Wed, 22 Oct 2014 05:02:31 GMT
ETag:W/"7792381-1413890396000-gzip"
Keep-Alive:timeout=15, max=88
Last-Modified:Tue, 21 Oct 2014 11:19:56 GMT
Server:Apache
Transfer-Encoding:chunked
Vary:Accept-Encoding