如何避免重定向到登录页面时误弹出无效凭据JavaScript告警

问题根源 #

当前错误提示逻辑没有和「用户主动提交登录请求」的场景绑定：TempData["loginError"]只要存在就会触发弹窗，而TempData默认会保留到被读取前的下一次请求，注册完成跳转、session过期重定向等其他场景回到登录页时，如果有残留的TempData就会误触发提示；浏览器缓存旧的登录页也可能导致用户点后退按钮时重复弹出错误。

修复步骤 #

1. 登录失败时新增场景标识 #

修改Login方法的错误分支，新增标记标识当前错误是登录提交触发的：

public IActionResult Login(IFormCollection form)
{
    // ... 原有代码不变

    if (user == null)
    {
        TempData["loginError"] = "Invalid username or password";
        TempData["isLoginSubmitError"] = true; // 新增场景标记
        return RedirectToAction("Index", "Login");
    }

    // ... 原有代码不变
}

2. 登录页仅在登录提交失败时传递错误 #

修改Index方法的错误读取逻辑，只有同时存在错误信息和场景标记时，才将错误传递到视图：

public IActionResult Index()
{
    // ... 原有会话校验代码不变

    string errorMessage = (string)TempData["loginError"];
    bool? isLoginError = TempData["isLoginSubmitError"] as bool?;
    // 仅登录提交失败时才传递错误
    if (errorMessage != null && isLoginError == true)
    {
        ViewData["loginError"] = errorMessage;
    }

    // 可选：禁用登录页缓存，避免后退时显示旧错误
    Response.Headers["Cache-Control"] = "no-cache, no-store, must-revalidate";
    Response.Headers["Pragma"] = "no-cache";
    Response.Headers["Expires"] = "0";

    return View();
}

3. 注册成功跳转前清空残留错误（可选） #

在注册控制器的成功跳转逻辑中，主动清空登录相关的TempData，避免残留：

// 注册成功后跳转登录页前执行
TempData.Remove("loginError");
TempData.Remove("isLoginSubmitError");
return RedirectToAction("Index", "Login");

安全优化（可选） #

当前直接将服务端字符串输出到JS存在XSS注入风险，建议对错误信息做JS编码后再输出：

@if (loginError != null)
{
<script type="text/javascript">
var message = '@Html.Raw(HttpUtility.JavaScriptStringEncode(loginError))';
if(message)
    alert(message);
</script>
}

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