将Authorization Header Basic与获取并禁止浏览器密码提示一起使用

Question

我想在带有Authorization标头的javascript中使用提取请求。它可以正常工作，但Chrome浏览器向我显示了一条提示消息，用于保存凭据。我不使用任何表格。

function Body() {
    static defaultProps = {
        counter: 0
    }
    return (
        <div>
            body
        </div>
    );
}

我想取消显示此提示。这可能吗？

Answer 1

如果您浏览维基百科（https://en.wikipedia.org/wiki/Basic_access_authentication），将会看到  “请求包含一个标头字段，其中凭据是由单个冒号（:)连接的id和密码的base64编码。”

因此您需要将用户名：密码转换为base64

您可以使用btoa函数来实现

btoa（'用户名：密码'）

对于我的示例，结果是：“ Basic dXNlcm5hbWU6cGFzc3dvcmQ =”