将授权标头基本与获取和禁止浏览器密码提示一起使用

Question

我想在javascript中使用带有授权标头的获取请求。它可以工作，但 Chrome 向我显示一条提示消息以保存凭据。我不使用任何表格。

let config = {
      headers: {
        Authorization: `Basic aaaa:xxxx`
        )}`
      },
      ......
    };
const response = await fetch(url, config);

我想禁止显示此提示。这可能吗？

Answer 1

如果你查看维基百科(https://en.wikipedia.org/wiki/Basic_access_authentication(，你会看到 "请求包含一个标头字段，其中凭据是由单个冒号 (:)( 连接的 ID 和密码的 base64 编码。">

所以你需要将你的用户名：密码转换为base64

您可以使用 btoa 函数实现此目的

btoa('用户名：密码'(

对于我的例子，结果是："Basic dXNlcm5hbWU6cGFzc3dvcmQ=">