如何将Vue项目实现强缓存和版本号管理以构建长尾词缓存策略?
- 内容介绍
- 文章标签
- 相关推荐
本文共计517个文字,预计阅读时间需要3分钟。
强缓存:什么是强缓存?强在哪儿?其实强是强制性的意思。当浏览器请求某个文件时,服务器会在response header中设置缓存配置。缓存的时间、类型等都是由服务器控制的。
强缓存:
到底什么是强缓存?强在哪?其实强是强制的意思。当浏览器去请求某个文件的时候,服务端就在respone header里面对改文件做了缓存配置。缓存的时间、缓存类型都由服务端控制。
强缓存实现:
cache-control: max-age=315360000, public ,immutable
客户端和代理服务器都可以缓存该资源,在315360000秒(10年)的有效期内,如果有请求该资源的需求的话就直接读取缓存,statu code:200 ,即使用户做了刷新操作,也不向服务器发起http请求
参考文章"彻底弄懂强缓存与协商缓存"
index.html文件采用协商缓存,理由就是要用户每次请求index.html不拿浏览器缓存,直接请求服务器,这样就保证资源更新了,切记不要设置强缓存!!!
其他资源采用强缓存 + 协商缓存,理由就不多说了。
本文共计517个文字,预计阅读时间需要3分钟。
强缓存:什么是强缓存?强在哪儿?其实强是强制性的意思。当浏览器请求某个文件时,服务器会在response header中设置缓存配置。缓存的时间、类型等都是由服务器控制的。
强缓存:
到底什么是强缓存?强在哪?其实强是强制的意思。当浏览器去请求某个文件的时候,服务端就在respone header里面对改文件做了缓存配置。缓存的时间、缓存类型都由服务端控制。
强缓存实现:
cache-control: max-age=315360000, public ,immutable
客户端和代理服务器都可以缓存该资源,在315360000秒(10年)的有效期内,如果有请求该资源的需求的话就直接读取缓存,statu code:200 ,即使用户做了刷新操作,也不向服务器发起http请求
参考文章"彻底弄懂强缓存与协商缓存"
index.html文件采用协商缓存,理由就是要用户每次请求index.html不拿浏览器缓存,直接请求服务器,这样就保证资源更新了,切记不要设置强缓存!!!
其他资源采用强缓存 + 协商缓存,理由就不多说了。

