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

作者: hedeqiang

发布时间: 2019-10-26 14:10:38

很多时候我们再做一个功能的时候,明明改了代码,但实际还是原来的样子。其实很多时候并不是代码 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"/>

关于极客返利

极客返利 是由我个人开发的一款网课返利、返现平台。包含 极客时间返现、拉勾教育返现、掘金小册返现、GitChat返现。目前仅包含这几个平台。后续如果有需要可以考虑其他平台。 简而言之就是:你买课,我返现。让你花更少的钱,就可以买到课程。

https://geek.laravelcode.cn

https://geek.idaka.ink

版权许可

本作品采用 知识共享署名 4.0 国际许可协议 进行许可。

转载无需与我联系,但须注明出处,注明文章来源 如何禁止浏览器不缓存静态资源

联系我

编程怪事