清除HTML缓存的方法

2022/01/29
- 编程
0阅读

在html头部增加禁止缓存标签

<meta HTTP-EQUIV="pragma" CONTENT="no-cache">
<meta HTTP-EQUIV="Cache-Control" CONTENT="no-store, must-revalidate">
<meta HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
<meta HTTP-EQUIV="expires" CONTENT="0">

在vue打包配置中开启文件名hash属性

// vue.config.js
module.exports = {
	...
	
	filenameHashing: true
}

以上的方法只有在HTML页面不被缓存时有效，而一部分浏览器为了提升用户体验是无视这些配置而强行缓存页面的。这种时候只能通过Nginx增加no-cache响应头来解决

location ~ .*\.(?:htm|html)$ {
    root 网站文件夹位置;
    add_header Cache-Control "no-store, no-cache";
}

配置完之后在network里查看网页的响应头，就可以看到这条配置了。

这个方法对Safari浏览器非常有效，可以实现不新开Tab，只靠刷新就能加载页面新数据

其他推荐内容

Less嵌套img标签，样式不生效的问题

2022/02/19
- 编程

Less嵌套img标签，样式不生效的问题

2022/01/01
- 日常

我的2021年都做了哪些事

评论区