Javascript 如何清除保存在浏览器中的http基本授权凭据

在angular应用程序中，我使用http auth头向无状态rest服务器发送XHR登录请求：

http
          .get(`${site.url}/login`, {
            headers: {
              Authorization: `Basic ${btoa(`${username}:${password}`)}`,
            },
            withCredentials: true,
          })

无论何时我请求相同的服务器，我都不需要再次发送凭据：它们由浏览器自动保存。这很好，这样我就不必在浏览器上保存凭据（服务器是无状态的，因此没有可用的会话或令牌）

然而，这带来了一个安全问题：当用户注销时（这是浏览器中存储的一个简单布尔值），他的浏览器仍然能够连接到服务器：在XSS的情况下，有人可以再次连接

---

有没有办法从Javascript中清除这些凭据？我看到了一些黑客行为（使用错误的凭据请求服务器…），但我正在寻找一种一致且安全的方法。

头是不可变的-它们不能更改。但是，您可以使用一种称为JWT（JSON Web令牌）的技术