javascript - 带有身份验证的 HTTP POST

Question

我正在尝试使用以下代码从 React 发出 POST 请求来验证我自己：

var username = "myUsername";
var password = "myPassword";
const requestOptions = {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json',
        'Authorization': 'Basic '+ btoa(username + ":" + password)
    }
};
fetch('/api/tokens', requestOptions).then(res => res.json()).catch(alert("error"));

但是，当我无法通过身份验证时，前端（浏览器）会打开一个对话框，邀请我使用用户名和密码登录（错误 401）。如何避免出现这样的框？我想要catch块来处理这个问题，而且看起来这个盒子甚至在之前就已经出现then并被catch执行了。

谢谢