怎么让浏览器不缓存静态资源

工作中很多场景都需要避免浏览器缓存

一、请求时想要禁用缓存, 可以设置请求头: Cache-Control: no-cache, no-store, must-revalidate .

二、另一种常用做法: 给请求的资源增加一个版本号, 如下:

<link rel="stylesheet" type="text/css" href="../css/style.css?version=1.8.9"/>

这样做的好处就是你可以自由控制什么时候加载最新的资源.

三、HTML也可以禁用缓存, 即在页面的HEAD中加入meta标签；虽能禁用缓存, 但只有部分浏览器支持, 而且由于代理不解析HTML文档, 故代理服务器也不支持这种方式.

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>