XMLHttpRequest 401（未经授权）

Question

我正在尝试在用户界面中创建帖子。 当我以管理员身份登录并插入

时

createPost.setRequestHeader("X-WP-Nonce", magicalData.nonce);

到下面的代码，Create Post成功。但我不想使用nonce，我想使用用户和密码，但我收到此错误：401（未经授权）。我试图将btoa替换为Decode64，但它不起作用。我错过了什么吗？

var createPost = new XMLHttpRequest();

createPost.open("POST", magicalData.siteURL + "/wp-json/wp/v2/posts", true);
createPost.withCredentials = true;
createPost.setRequestHeader("Authorization", "Basic " + btoa("username:password"));

createPost.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
createPost.send(JSON.stringify(ourPostData));
createPost.onreadystatechange = function() {
  if (createPost.readyState == 4) {
    if (createPost.status == 201) {
      document.querySelector('.admin-quick-add [name="title"]').value = '';
      document.querySelector('.admin-quick-add [name="content"]').value = '';
    } else {
      alert("Error - try again.");
    }
  }
}