前端獲取http狀態碼400的返回值實例

下面小編就爲大家帶來一篇前端獲取http狀態碼400的返回值實例。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

如下所示：

axios.get("/check_mobile_and_sent_code",{withCredentials:true,params:{mobile:formInline.mobile}}).then(res=>{
            console.log(res);
            //if(res.result==true){
              if (!this.timer) {
                this.count = this.TIME_COUNT;
                this.show = false;
                this.timer = setInterval(() => {
                  if (this.count > 0 && this.count <= this.TIME_COUNT) {
                    this.count--;
                  } else {
                    this.show = true;
                    clearInterval(this.timer);
                    this.timer = null;
                  }
                }, 1000)
              }
            //}
          }).catch(error=>{
            console.log(error.response.data);
            console.log(error.response.status);
            console.log(error.response.headers); 
            console.log('Error', error.message);
            console.log(error.config);
          })

使用場景：

當後端判斷驗證的手機號已存在的時候會返回400，這時需要跳到error條件中，得到後臺400的返回數據如上。

以下是error.response返回值：

這裏如果直接輸出error，等於error.message

附狀態碼爲200的返回值：

以上這篇前端獲取http狀態碼400的返回值實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持神馬文庫。