axios請求失敗,獲取介面返回錯誤資訊

2022-02-18 01:32:26 字數 749 閱讀 6090

一般vue專案都會對axios進行封裝,後台統一規範預設讓伺服器對所有請求都返回成功,然後在成功的物件裡面包裝一層物件result,裡面也包含code,msg,result資訊,前端拿這個result裡面的code來做判斷介面是否相應成功;類似如下:

const api =axios.create(]

})api.interceptors.response.use(

function

(response) ,

function

(error)

if(err.message.indexof('timeout')>-1)

}。。。

。。。return

error;

});

平常用慣了專案封裝的axios的請求和異常處理;突然一下子不用封裝的,單獨將axios引入用(比如多個檔案和表單資料一起上傳);一下沒想出來,一查資料其實也簡單,怕忘記,記錄如下:

兩種方式:

axios.interceptors.response.use(function

(response) ,

function

(error) );

axios.get('/user/12345')

.catch(function

(error)

else

console.log(error.config);

});

axios請求獲取到返回值

最近在學習vue,碰到乙個問題就是需要從後端獲取到某個返回值之後再執行後面的 一般呼叫axios介面都是這樣的格式。this axios.post api x xx this qs.stringify then res catch error 這樣的格式要想獲取到返回值的話,就要將 都寫在then中...

Axios封裝請求後端介面

官方文件位址axios 安裝axios npm install axios在main.js中新增 import axios from axios vue.prototype.axios axios newvue 在src中新建乙個axios資料夾,建乙個http.js檔案 dialog為vant元件...

axios的幾種請求介面方式

axios的請求方法 get post put patch delete get 獲取資料 post 提交資料 表單提交 檔案上傳 put 更新資料 所有資料推送到後端 patch 更新資料 只將更改的資料推送到後端 delete 刪除資料 axios的get請求第一種寫法不帶引數 axios.ge...