忽略缓存标头的流星图像

时间:2017-03-17 16:01:19

标签: javascript image caching meteor browser

我们正在构建一个Meteor应用程序。这个应用程序的一个页面是一个显示所有cliënts的仪表板。所有这些cliënts都有图像。 页面加载完美但在刷新应用程序时,图像不会从浏览器缓存加载,而是从(外部)图像服务器再次加载。

我们希望从浏览器缓存中加载图像。

图片的标题是:

accept-ranges:bytes
cache-control:public
content-length:8613
content-type:image/jpeg
date:Fri, 17 Mar 2017 15:48:15 GMT
etag:W/"37533ce4359fd21:0"
expires:Sat, 18 Mar 2017 15:48:14 GMT
last-modified:Fri, 17 Mar 2017 15:48:15 GMT
server:Microsoft-IIS/10.0
status:200
x-powered-by:ASP.NET

在页面刷新时,仍然从服务器加载图像,同时从浏览器缓存加载js文件: overview of requests

2 个答案:

答案 0 :(得分:1)

如果您的图片来自外部链接(如FB头像),则不会以这种方式兑现:" appcache包仅用于缓存静态资源。作为一个"应用程序"缓存,它缓存应用程序所需的资源,包括HTML,CSS,Javascript和在public /目录中发布的文件。"对于这种情况,您可以使用Cloudinary。我在移动应用程序中使用它,我认为它创造了奇迹。

答案 1 :(得分:0)

您应该可以使用appcache包来缓存公共资源(包括图像)。我不相信默认情况下会将此包添加到新的meteor项目中。您可以阅读更多相关信息here