ajax标头身份验证错误：HTTP状态代码401

Question

我正在尝试从ajax调用中获取REST接口的一些数据。

我的代码如下所示：

var request = {
        url: "https://ZZZZ",
        type: "POST",
        contentType: "application/json",
        accepts: "application/json",
        cache: false,
        dataType: 'json',
        beforeSend: function(xhr) {
            xhr.setRequestHeader("Authorization", "Basic " + btoa("XXXX:YYYY"));
        },
        error: function(jqXHR) {
            console.log("ajax error " + jqXHR.status);
        }
    };

如果我正在运行它，我会收到此错误：

  

XMLHttpRequest无法加载“URL”。预检的响应具有无效的HTTP状态代码401

表示我的身份验证无效。

如果我手动转到页面https://ZZZZ并在下面显示的字段中输入用户名XXXX和密码YYYY，则可以使用。

我的错在哪里？