Drupal站点如何禁用bfcache及浏览器磁盘缓存？已设响应头仍失效

你设置的HTTP响应头（Cache-Control、Expires、Pragma等）对浏览器的**前进/后退缓存（bfcache）**几乎没有作用——bfcache是浏览器在内存中保存页面完整状态的机制，和传统的HTTP缓存逻辑完全独立，它不受这些缓存头的控制。甚至Permissions-Policy: unload=()会限制unload事件触发，反而可能让浏览器更倾向于将页面存入bfcache（因为浏览器通常会避免缓存带有unload事件的页面）。

以下是实际有效的阻止bfcache的方法：

1. 检测bfcache恢复并强制刷新 #

通过pageshow事件判断页面是否从bfcache恢复，若恢复则强制刷新页面：

window.addEventListener('pageshow', function(event) {
  // event.persisted为true时，说明页面来自bfcache
  if (event.persisted) {
    window.location.reload();
  }
});

这种方法不会阻止页面被存入bfcache，但会在恢复时立即刷新，达到绕过缓存的效果，对性能影响相对较小。

2. 利用unload事件阻止bfcache存储 #

浏览器会避免将带有unload事件的页面存入bfcache，因此可以添加一个无意义操作的unload事件：

window.addEventListener('unload', function() {
  // 执行无意义操作确保事件被触发
  document.body.dataset.unloadTriggered = 'true';
});

注意：这种方法会让页面在离开时完全销毁，可能增加页面加载时间，仅在必要场景使用。

3. Drupal环境下的部署方式 #

• 主题层面：将上述JavaScript代码添加到主题的自定义JS文件中（如mytheme/js/custom-bfcache.js），然后在主题的libraries.yml中声明加载。
• 特定页面：如果仅需针对部分页面生效，可以通过hook_page_attachments()钩子在指定页面附加内联脚本，或者使用自定义模块注入脚本。
• 模块辅助：也可以借助Drupal的自定义脚本管理模块来针对性添加代码。

注意事项 #

• 阻止bfcache会降低前进/后退导航的速度，影响用户体验，建议仅在确实需要的页面（如敏感数据页面、状态实时变化的页面）使用。
• 不同浏览器对bfcache的处理存在细微差异，需在Chrome、Firefox等主流浏览器中测试验证。

内容的提问来源于stack exchange，提问作者clot