与我联系

解决index.html缓存问题

2019-1-8 一诺 html+css

一般项目发版后前端静态文件会有缓存问题,
不强制刷新很难解决,
但是用户不会去强制刷新,
这就需要我们开发人员在配置方面解决浏览器缓存静态文件问题。
一般浏览器缓存的文件有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";
}

标签: 面试 缓存

分享这篇文章
赞助鼓励:如果觉得内容对您有所帮助,您可以支付宝(左)或微信(右):

声明:如无特殊注明,所有博客文章版权皆属于作者,转载使用时请注明出处。谢谢!

发表评论:

皖ICP备15010162号-1 @2015 勿恨水长东
qq:1614245331 邮箱:13515678147@163.com Powered by
emlog