使用JavaScript打开需要基本HTTP身份验证的URL

Question

我有一个受基本http身份验证保护的页面，即提示用户输入用户名和密码，如下所示：

screenshot of browser

我想通过javascript提供用户名和密码来绕过此提示。当允许以下操作时，这很简单：

http://username:password@localhost:8042/

不幸的是，浏览器不再允许在URL中提供username：password。那么我将如何执行以下步骤：

1）使用用户名：密码与服务器进行身份验证2）在浏览器中打开URL

Answer 1

您可以使用XMLHttpRequest并提供用户名和密码作为最后一个参数

let xhr = new XMLHttpRequest();
xhr.open('get', url, async, 'username', 'password')
xhr.send()

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/open

您还可以在新标签中打开受http auth保护的页面，如下所示：

window.open('http://username:password@localhost:8042')