XMLHttpRequest正在为非200状态引发错误

为了验证我网站上的登录，我向服务器发送了一个POST请求。如果返回403状态，则表示凭据不正确，200状态表示登录成功

这是我用来发送请求的代码：

var req = new XMLHttpRequest()
var form = document.getElementById("login")

req.onreadystatechange = function() {
    if (req.readyState !== 4) return

    if (req.status === 200) {
        console.log(req)
    } else if (req.status === 403) {
        document.getElementById("login-err").innerHTML = req.responseText
    } else {
        document.getElementById("login-err").innerHTML = "internal server error"
    }
}

req.open("POST", `https://${window.location.host}/newsession`, true)
req.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
req.send(`username=${form.username.value}&password=${form.password.value}`)

对于200种状态，它可以正常工作，但当状态为403或500时，控制台会记录一个错误：加载资源失败：服务器以403禁止的状态响应

---

虽然这不是一个大问题，但我希望，因为我正在处理状态代码，所以不应该出现错误。有什么办法可以解决这个问题吗？

不可能阻止它查看此链接：