如何禁止浏览器不缓存静态资源

很多时候我们再做一个功能的时候，明明改了代码，但实际还是原来的样子。其实很多时候并不是代码 BUG 导致，而是浏览器缓存的问题。所以都有哪些方式来禁用浏览器缓存呢？

熟悉 Chorme 的童鞋，可能知道 F12 ->Network->Disable cache

file

但是，假如我们是在开发移动端呢？比如公众号什么的？

我们可以加一个 meta 标签，来声明缓存规则

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

或者，我们在可以给请求的资源文件加一个版本号（随机数更好）

<link rel="stylesheet" type="text/css" href="app.css?version=1.2.3"/>

(adsbygoogle = window.adsbygoogle || []).push({});