javascript - 如何从浏览器获取基本身份验证信息

Question

我的后端需要基本的授权 header 。

'Authorization': 'Basic dXNlcm5hbWU6cGFzc3dvcmQ'

我遇到的问题是，我需要在浏览器中使用 native 基本身份验证提示，但我不知道如何在我的 javascript 前端应用程序中获取基本身份验证信息。换句话说:我需要从浏览器的基本身份验证提示中获取用户名和密码。

谁能告诉我如何从浏览器 native 基本身份验证提示中获取基本身份验证信息？

Answer 1

要从后端获取 token 请求(如登录请求)作为响应，您将获得可以保存在 s 中的 token

// Store
sessionStorage.setItem("Authorization", "dXNlcm5hbWU6cGFzc3dvcmQ");
// Retrieve
let token = sessionStorage.getItem("Authorization");

API调用使用fetch

用于添加Authorization头代码

   let token = sessionStorage.getItem("Authorization");
    var headers = new Headers();
    headers.append("Authorization", "Basic " +token;

    fetch("https://url", {
        headers: headers
      })
      .then((response) => { ... })
      .done();