ASP.NET WebForms项目如何解决Chrome点击后退按钮报错问题

核心原因说明 #

你之前配置的NoStore属性会强制Chrome完全不存储页面副本，即使注释原有代码，已缓存的旧响应头也会导致后退时加载失败，需要先完全清除Chrome缓存后再测试新配置。

方案1：母版页后台代码配置 #

在母版页的Page_Load事件中添加如下代码，全局配置缓存规则：

protected void Page_Load(object sender, EventArgs e)
{
    // 清除所有残留的旧禁用缓存头
    Response.Headers.Remove("Pragma");
    Response.Headers.Remove("Cache-Control");

    // 允许客户端私有缓存，代理服务器不缓存
    Response.Cache.SetCacheability(HttpCacheability.Private);
    // 设置缓存有效期为10分钟，可根据业务调整
    Response.Cache.SetExpires(DateTime.Now.AddMinutes(10));
    Response.Cache.SetMaxAge(TimeSpan.FromMinutes(10));
    // 显式允许页面进入浏览器历史记录，后退时直接读取缓存无需重发请求
    Response.Cache.SetAllowResponseInBrowserHistory(true);
    Response.Cache.SetValidUntilExpires(true);
}

方案2：web.config 全局配置（无需修改业务代码） #

直接在项目web.config的system.webServer节点下添加缓存规则，全局生效：

<configuration>
  <system.webServer>
    <httpProtocol>
      <customHeaders>
        <!-- 移除旧的禁用缓存头 -->
        <remove name="Pragma" />
        <remove name="Cache-Control" />
        <!-- 配置缓存规则：私有缓存，有效期10分钟 -->
        <add name="Cache-Control" value="private, max-age=600" />
        <add name="Expires" value="%HTTP_DATE&10M%" />
      </customHeaders>
    </httpProtocol>
  </system.webServer>
</configuration>

Chrome 兼容优化 #

如果存在POST请求页面后退提示表单重提交的问题，可在公共前端脚本中添加如下代码适配Chrome往返缓存：

// 监听页面从缓存加载事件
window.addEventListener('pageshow', function(e) {
  // 如果页面从浏览器往返缓存读取，可根据业务需要选择是否刷新
  if (e.persisted) {
    // 无动态内容更新需求可注释下面的刷新代码
    window.location.reload();
  }
});

内容的提问来源于stack exchange，提问作者Wallace B. McClure