无法通过JavaScript获取获取响应状态代码 [英] can't get response status code with JavaScript fetch

问题描述

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

I'm trying to create a login form. when I'm testing the service with Postman, I will get a body object with status code and etc.

但是，通过JavaScript提取，我无法获取主体对象，而我刚收到一个错误:

But, with JavaScript fetch, I can't get body object and I just received an error:

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())
            });
    }

}

我需要获取状态代码.

推荐答案

状态代码为状态 属性.另外，除非您将JSON与 error 响应一起使用(当然有些人会这样做)，否则您需要检查状态代码(或

The status code is the status property on the response object. Also, unless you're using JSON with your error responses (which some people do, of course), you need to check the status code (or the ok flag) before calling 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(// ...

我不检查请求是否成功是这样的常见错误，我写了它在我贫乏的小博客上.

Not checking that the request succeeded is such a common mistake I wrote it up on my anemic little blog.

这篇关于无法通过JavaScript获取获取响应状态代码的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！