如何完美滴使浏览器访问一个 HTML 页面时禁用缓存?

在测试某个 SPA 项目时,发现更改后 Chrome 浏览器页面刷新还是使用之前的版本。经调查发现 Chrome 默认缓存值为 300 秒。

经测试跨浏览器禁止缓存的 headers 如下:

Cache-Control: no-cache, no-store, must-revalidate
Pragma: no-cache
Expires: 0

Cache-Control is for HTTP 1.1

Pragma is for HTTP 1.0

Expires is for proxies

因为是 HTML 页面,可以于 HEAD 标签内直接添加 META 标签:

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

其他文件就需要使用服务器设置文件控制 header 咯。

标签: HTML meta

添加新评论