logo 有点东西

清除HTML缓存的方法

  1. 在html头部增加禁止缓存标签
1
2
3
4
<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">
  1. 在vue打包配置中开启文件名hash属性
1
2
3
4
5
6
// vue.config.js
module.exports = {
	...
	
	filenameHashing: true
}

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

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

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

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

清除HTML缓存的方法

作者：有点东西

链接： https://www.youdiandongxi.com/article/http-request-cache.html

协议：本文采用 CC BY-NC-SA 4.0 隐私协议，转载请注明出处！

上一篇：《Less嵌套img标签，样式不生效的问题》 下一篇：《我的2021年都做了哪些事》

其他推荐内容

如何移除、新增、配置videojs的组件
  • 2021/02/13
    • 编程

如何移除、新增、配置videojs的组件

钉钉H5应用实现右上角分享功能
  • 2022/03/19
    • 编程

钉钉H5应用实现右上角分享功能

HTTP单个大文件与拆分小文件的资源加载对比
  • 2023/11/02
    • 编程

HTTP单个大文件与拆分小文件的资源加载对比

评论区