【】关于axios发送post请求返回400状态码【请求失败,code非200的】的问题,如何接收到json格式!

当你接收到400 这里失败请求的时候,其实已经成功访问服务器了,可能你发送的post数据在服务器那边校验失败了,如果你的服务器返回的是json格式的话,在前端接收到的也是json格式,如果你使用axios发送请求的话,在catch的时候,返回的error并不是一个对象,而是这样的字符串:

Error: Request failed with status code 400
    at createError (createError.js?2d83:16)
    at settle (settle.js?467f:18)
    at XMLHttpRequest.handleLoad (xhr.js?b50d:77) 

那么axios发送post请求不管成功状态码200,还是失败状态码400或其他,都接收到json格式,让我们前端知道具体是什么原因而请求失败呢【必须访问error.response响应对象】 

axios参考文档:https://www.kancloud.cn/yunye/axios/234845

 

本人错误处理代码:

async _getServerResponse () {
        axios.post( config.server_register_url, this.form_data ).then( result => {
            // 只有状态码为200,才能返回true,说明注册成功,其他状态码全部失败!
            return result.data.code === 200;
        } ).catch( ( error ) => {
            // 【务必注意】这里的error输出的不是一个对象【error.response才是一个对象】
            console.log(error);
            if (error.response) {
                // 请求已发出,但服务器响应的状态码不在 2xx 范围内
                console.log( error.response.data );
                console.log( error.response.status );
                console.log( error.response.headers );
            } else {
                // Something happened in setting up the request that triggered an Error
                console.log( "Error", error.message );
            }
            console.log( error.config );
        } );
        return false;
    }

猜你喜欢

转载自blog.csdn.net/weixin_43343144/article/details/89668579
今日推荐