javascript - 根据条件强制刷新

Question

我的网站有两种状态:未发布和已发布。

当处于发布状态时，图像从我的 CDN 提供，缓存设置为一个月。一旦发布，就不允许对文件进行任何更改，所以我从不担心。

但是，当处于未发布状态时，我想强制页面在每次查看时刷新。用户进行更新，预览他们的内容以查看已硬刷新以查看最新更新的新文件。

如何根据页面是处于已发布还是未发布状态强制进行硬刷新？

Answer 1

将类似的想法用于图像缓存 - Disable cache for some images你可以使用

(1) 通过添加随机生成的查询字符串，即。 ?version=<?php echo time();?>到您的网页网址 - https://stackoverflow.com/a/729623/689579
也可以使用 javascript 完成 - https://stackoverflow.com/a/6116854/689579

(2) 使用 HTTP header (在 php 中)

header("Pragma-directive: no-cache");
header("Cache-directive: no-cache");
header("Cache-control: no-cache");
header("Pragma: no-cache");
header("Expires: 0");

https://stackoverflow.com/a/728685/689579

(3) 使用元 HTTP header

<meta Http-Equiv="Cache-Control" Content="no-cache">
<meta Http-Equiv="Pragma" Content="no-cache">
<meta Http-Equiv="Expires" Content="0">
<meta Http-Equiv="Pragma-directive: no-cache">
<meta Http-Equiv="Cache-directive: no-cache">

https://stackoverflow.com/a/14031623/689579