MVC自助终端应用禁用返回按钮及敏感数据安全方案咨询

针对你开发多人共用Kiosk应用遇到的敏感信息防回退问题，我整理了几个适配你场景的方案，完全避开清除会话的限制：

你现在用return RedirectToAction()避免重复提交，但表单数据残留的问题，可以这么解决：

• 在控制器处理完表单提交、准备Redirect到确认页之前，先清空模型状态：

  ModelState.Clear();
  // 如果你用了强类型视图模型，也可以直接实例化一个新的空模型
  // var emptyModel = new YourFormViewModel();
  return RedirectToAction("Confirmation");
  

• 同时在确认页的HTML头部添加禁用缓存的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" />
  

这样就算用户点返回按钮，浏览器会重新请求表单页，而此时模型已经清空，不会显示上一位用户的敏感数据。

这个方案能直接让回退按钮“失效”，而且适配Redirect的场景：
在确认页加载完成后，用JS的history.replaceState把浏览器历史栈里的表单页记录替换成确认页的记录，代码如下：

window.addEventListener('load', function() {
    // 替换当前页的历史状态，这样回退按钮指向的还是当前确认页
    window.history.replaceState(null, document.title, window.location.href);
    // 监听回退事件，再次替换状态防止意外
    window.addEventListener('popstate', function() {
        window.history.replaceState(null, document.title, window.location.href);
    });
});

这样用户点回退按钮时，浏览器历史栈里已经没有表单页的记录，只会停在确认页，完全看不到之前的敏感信息。而且因为你用了RedirectToAction，不会有重复提交的问题。

之前你用window.history.forward()遇到闪烁或无效的问题，是因为代码执行时机不对。试试在确认页里用popstate事件拦截回退，代码如下：

window.addEventListener('load', function() {
    // 先添加一条当前页的历史记录，避免回退到上一页
    window.history.pushState({page: 'confirmation'}, document.title, window.location.href);
    
    window.addEventListener('popstate', function(event) {
        // 阻止默认回退行为
        event.preventDefault();
        // 如果回退到了表单页的记录，直接跳回确认页
        if (event.state?.page !== 'confirmation') {
            window.location.href = '@Url.Action("Confirmation")';
        }
    });
});

这个方案在确认页加载后就监听回退动作，一旦用户点回退，直接强制跳回确认页，不会有页面闪烁的问题，而且适配Redirect后的场景。

这些方案都不需要清除供应商会话，完全符合你“会话保持8小时活跃”的需求，你可以根据自己的技术栈选择最合适的一种。

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