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

Javascript 如何从浏览器中获取基本身份验证信息,javascript,security,browser,basic-authentication,Javascript,Security,Browser,Basic Authentication,我的后端需要基本的身份验证头 'Authorization': 'Basic dXNlcm5hbWU6cGFzc3dvcmQ' 我的问题是,我需要从浏览器中使用本机基本身份验证提示符,我不知道如何在javascript前端应用程序中获取基本身份验证信息。换句话说:我需要从浏览器基本auth propmt获取用户名和密码 有人能告诉我如何从浏览器的本机基本身份验证提示符获取基本身份验证信息吗?要从后端获取令牌请求(如登录请求),您将获得可以保存在 // Store sessionStorage.

我的后端需要基本的身份验证头

'Authorization': 'Basic dXNlcm5hbWU6cGFzc3dvcmQ'
我的问题是,我需要从浏览器中使用本机基本身份验证提示符,我不知道如何在javascript前端应用程序中获取基本身份验证信息。换句话说:我需要从浏览器基本auth propmt获取用户名和密码


有人能告诉我如何从浏览器的本机基本身份验证提示符获取基本身份验证信息吗?

要从后端获取令牌请求(如登录请求),您将获得可以保存在

// Store
sessionStorage.setItem("Authorization", "dXNlcm5hbWU6cGFzc3dvcmQ");
// Retrieve
let token = sessionStorage.getItem("Authorization");
对于API调用,请使用fetch

用于添加授权标头代码

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

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

我知道如何将其添加到请求中。我不知道如何从浏览器中获取…@lorenzpfister我已经更新了我的答案。如果有任何混淆或帮助,请让我知道问题是授权标头的值不是静态的。它由用户使用浏览器的本机basic auth提示符提供。我不知道如何获取这些信息。@lorenzpfister像这样@lorenzpfister您可以尝试可能重复的[how to assign basic authentication header to XMLHTTPREQUEST?](