![解决index.html缓存问题,第1张 解决index.html缓存问题,第1张](/aiimages/%E8%A7%A3%E5%86%B3index.html%E7%BC%93%E5%AD%98%E9%97%AE%E9%A2%98.png)
解决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" }方法1. 将图片下载到本地,缺点是保存时会d出文件保存提示框,需要用户配合
方法2. 将图片存到localStorage,用户无感知,缺点是最多存5MB
不知道楼主什么场景浏览器无法自动缓存资源。手动缓存是个很不常规的手段
评论列表(0条)