浏览器对一个资源设置了缓存，如何清除缓存，且后续请求不命中缓存

方式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