IT技术 - 无法使用 JavaScript 获取响应状态代码 - 吾爱随笔录

无法使用 JavaScript 获取响应状态代码

IT技术 javascript reactjs fetch postman http-status-codes

2021-05-20 12:05:46

我正在尝试创建一个登录表单。当我用 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 中获取状态代码。

2个回答

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

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(// ...

不检查请求是否成功是一个常见的错误，我把它写在我贫血的小博客上。

的status是存在于所述response对象。你可以把它放在你的第一个然后阻止

.then(function (response) {
    console.log(response.status);
    return response.json();
})

由于您正在返回response.json()，因此后续then且catch仅获得response.json()响应主体的结果。

其它你可能感兴趣的问题