利用Angularjs中的浏览器缓存

Question

我正在开发Angularjs项目，我想实现图像的杠杆浏览器缓存以优化网站。有没有办法在angularjs项目中实现它。

Answer 1

利用浏览器缓存发生在AngularJS之外。您可以在域的根目录中创建.htaccess文件，也可以在与Web应用程序相同的目录中创建.htaccess文件，类似于：

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>
## EXPIRES CACHING ##

欲了解更多信息，请阅读：Varvy

Answer 2

浏览器缓存由服务器完成

除了Linx8的回答，你可以从Google browser caching了解更多信息。

  

缓存控制定义个人响应的方式和时长   可以通过浏览器和其他中间缓存进行缓存。学习   更多，请参阅使用Cache-Control进行缓存。

     

ETag 提供重新验证   由浏览器自动发送的令牌，用于检查是否存在   资源自上次请求后已更改。学习   更多信息，请参阅使用ETag验证缓存响应。

简而言之，浏览器使用以下标记来重新分配资源（图像，样式表，脚本）：Cache-Control和Etags。这些标题说明了应该如何以及多长时间缓存它，或者它是否已经被修改过。当用户重新访问该站点时，他可以从缓存中获取它，而不是向Web服务器发出HTTP GET请求，从而节省了时间和成本。建议的最短缓存时间为一周，最好为一年（由rfc2616表示）。