无法使用JavaScript fetch[重复]获取响应状态代码

Question

我正在尝试创建一个登录表单。当我用Postman测试服务时，我会得到一个带有状态代码等的body对象。

但是，使用JavaScript fetch，我无法获取body对象，并且我刚刚收到一个错误：

export const login = (username,password) => {
    return dispatch=>{
        const basicAuth = 'Basic ' + btoa(username + ':' + password);
        let myHeaders = new Headers();
            myHeaders.append('Authorization', basicAuth);
            myHeaders.append('Content-Type', 'application/json');      
            fetch(`${baseUrl}api/user/login`, {
                withCredentials: true,
                headers: myHeaders
            })
            .then(function (response) {
                return response.json();
            })
            .then(function (json) {
                dispatch(setLoginInfo(json))
            })
            .catch(err =>{
                console.log(err)
                 dispatch(loginFailed())
            });
    }

}

我需要在Fetch中获取状态代码。

Answer 1

状态代码是响应对象的status属性。此外，除非您在错误响应中使用JSON（当然有些人会这样做），否则您需要在调用JSON之前检查状态代码（或OK标志）：

fetch(`${baseUrl}api/user/login`, {
    withCredentials: true,
    headers: myHeaders
})
.then(function(response) {
    console.log(response.status); // Will show you the status
    if (!response.ok) {
        throw new Error("HTTP status " + response.status);
    }
    return response.json();
})
.then(// ...

没有检查请求是否成功是一个很常见的错误，我把它写在了我的小博客上。