无法访问JavaScript中的响应有效负载

Question

我正在制作一个注册页面，该页面将玩家数据发送到后端，然后进行处理。我希望我的页面显示尝试登录时发生的错误。

这是我目前所拥有的。它很好用，但我想显示发生的确切错误。

    fetch(url,
        {
            method: "POST",
            body: JSON.stringify(registration),
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            }
        })
        .then((response) => {
            if (response.status === 200) {
                location.href = "../login/login.html";
            } else {
                throw `Error with status ${response.status}.`;
            }
        })
        .catch((error) => {
            showError(error);
        });

在检查器模式下的“网络”选项卡中，我将此作为响应有效负载：

{"errors":{"Email":["The Email field is not a valid e-mail address."],"Password":["The field Password must be a string or array type with a minimum length of '6'."]},"title":"One or more validation errors occurred.","status":400,"traceId":"something"}

我想显示这些错误，但是当我尝试

console.log(response.errors)

我不确定。

简而言之。我希望能够在我的JavaScript中的响应有效负载中访问JSON。