方式1、浏览器端强制刷新
方式2、修改资源url
eg:如下图,添加了查询参数
<link rel="stylesheet" href="style.css?v=1.2.1">
<script src="app.js?t=20231010"></script>
原理:1、在资源的url后添加一个查询参数,通常是一个版本号或时间戳,
2、浏览器会根据完整的url缓存资源,如果url发生变化(比如加了查询参数),浏览器会认为这是一个新的资源,从而重新请求
3、服务器仍然根据路径来定位资源,忽略掉查询参数,所以浏览器加上查询参数的url和不加的url访问得到的东西是一样的
4、也适用于有CDN的情况,CDN和浏览器一样是根据完整的URL缓存资源,若URL改变,CDN会重新从源服务器拉取最新资源
备注:
协议:`https://`
域名:`example.com`
路径:`/path/to/resource`
查询参数:`?a=b`
片段标识:`#section`
https://example.com/path/to/resource?a=b#section
方式3、服务器端设置缓存头(需服务器端配合)
方式4、开发者工具里network面板勾选disable cache