解决index.html缓存问题

解决index.html缓存问题 一般项目发版后前端静态文件会有缓存问题， 不强制刷新很难解决， 但是用户不会去强制刷新， 这就需要我们开发人员在配置方面解决浏览器缓存静态文件问题。 一般浏览器缓存的文件有html、css、js等。 css、js文件被缓存的解决方案 一般html中引入的css和js的名字都加了哈希值，所以新版本css、js和就旧版本的名字是不同的，不会有缓存问题。 如果index.html文件被缓存就稍微麻烦些 首先可以在index.html文件头部添加mate标签禁止缓存 <meta http-equiv="Expires" content="0"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-control" content="no-cache"> <meta http-equiv="Cache" content="no-cache"> 浏览器的缓存解决， 但是一般在服务器端还是会有缓存， 当浏览器访问index.html时拿到的就是服务器缓存的文件，所有我们还需要解决服务器的缓存 这需要在服务器配置不让缓存index.html nginx 配置如下： location = /index.html { add_header Cache-Control "no-cache, no-store" }

单纯的html页面不会缓存，htm是一种标记语言，用来描述和标记的，不能实现缓存。html里面的JavaScript代码是当这个html页面加载时浏览器解释执行，也不可以实现数据缓存。

方法1. 将图片下载到本地，缺点是保存时会d出文件保存提示框，需要用户配合

方法2. 将图片存到localStorage，用户无感知，缺点是最多存5MB

不知道楼主什么场景浏览器无法自动缓存资源。手动缓存是个很不常规的手段

---