前端css/js/html文件缓存

Question

用户使用Ctrl+F5强制刷新页面的时候，css/js/html文件会重新加载。

如果css/js/html文件没有做修改，却还是去重新加载，很耗时间。

查了资料，可以再文件后缀加上哈希值来判断文件是否有更新；这个方法适用于修改了文件，让浏览器覆盖掉旧文件。

但是现在，我想要的是，用户使用Ctrl+F5强制刷新页面，但是因为css/js/html文件都没有做修改，所以不用重新加载，直接读取缓存。

请问有什么办法可以实现这个需求呢？

Answer 1

先不说需求，请先搞清楚 Ctrl+f5 是干啥的..Ctrl+F5要的是彻底的从Server拿一份新的资源过来，所以不光要发送HTTP request给Server，而且这个请求里面连If-Modified-Since/If-None-Match都没有，这样就逼着Server不能返回304，而是把整个资源原原本本地返回一份参考：浏览器: F5 和 Ctrl+F5的区别