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

亦凉 2021-09-19 04:04 581阅读 0赞

**当你接收到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)

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzM0MzE0NA_size_16_color_FFFFFF_t_70][]

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

### **axios参考文档：[https://www.kancloud.cn/yunye/axios/234845][https_www.kancloud.cn_yunye_axios_234845]** ###

[![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzM0MzE0NA_size_16_color_FFFFFF_t_70 1][]][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;
        }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzM0MzE0NA_size_16_color_FFFFFF_t_70]: /images/20210812/c43cb72feb6e4d35bbe1c444e8048c45.png
[https_www.kancloud.cn_yunye_axios_234845]: https://www.kancloud.cn/yunye/axios/234845
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzM0MzE0NA_size_16_color_FFFFFF_t_70 1]: /images/20210812/878c41ab23b0492b96e5d635a856c464.png