Blazor Server中退出登录时清除Chrome已保存账号密码的方法

首先得明确：Chrome这类浏览器保存的账号密码是浏览器本地存储的凭据，代码没法直接删除这些内容。我们能做的是让浏览器不再将当前表单与已保存的密码关联，同时清理Blazor Server的登录会话和相关Cookie。

一、修改登录表单，阻止浏览器自动关联 #

给登录表单和输入框添加特定属性，让Chrome不再自动填充或记住密码：

• 给表单加autocomplete="off"，虽部分浏览器会忽略，但配合其他属性效果更好
• 账号输入框加autocomplete="username"，明确字段类型
• 密码输入框加autocomplete="new-password"，告诉浏览器这是新密码，不要调用已保存内容

Blazor组件内的示例代码：

<form method="post" autocomplete="off">
    <div>
        <label>账号:</label>
        <input type="text" name="username" autocomplete="username" @bind="@LoginModel.Username" />
    </div>
    <div>
        <label>密码:</label>
        <input type="password" name="password" autocomplete="new-password" @bind="@LoginModel.Password" />
    </div>
    <button type="submit">登录</button>
</form>

退出登录时记得清空表单绑定的数据，避免浏览器识别到残留内容：

private LoginModel LoginModel = new();

private async Task HandleLogout()
{
    // 清空表单字段
    LoginModel.Username = string.Empty;
    LoginModel.Password = string.Empty;

    // 调用后端退出接口
    await Http.PostAsync("/Account/Logout", null);
    NavigationManager.NavigateTo("/Login");
}

二、后端清理登录会话和Cookie #

如果使用ASP.NET Core Identity，直接在Logout接口里用SignOutAsync就能自动清理身份验证Cookie：

[HttpPost]
[ValidateAntiForgeryToken]
public async Task<IActionResult> Logout()
{
    await HttpContext.SignOutAsync(CookieAuthenticationDefaults.AuthenticationScheme);
    return RedirectToAction("Login", "Account");
}

要是有自定义Cookie，需要手动删除，注意要和设置Cookie时的Domain、Path一致，否则删除失败：

public IActionResult Logout()
{
    // 删除身份验证Cookie
    HttpContext.Response.Cookies.Delete(CookieAuthenticationDefaults.AuthenticationScheme);
    // 删除自定义Cookie（示例为"UserSession"）
    HttpContext.Response.Cookies.Delete("UserSession", new CookieOptions
    {
        Domain = "你的域名",
        Path = "/"
    });
    return RedirectToAction("Login");
}

三、额外提示 #

如果要彻底清除浏览器中保存的密码，只能引导用户手动操作：

若需要彻底删除Chrome里存储的密码，打开Chrome设置→隐私和安全→密码管理，找到对应站点的凭据删除即可。

内容的提问来源于stack exchange，提问作者Xuân Cao