鍍金池/ 問答/HTML/ 請問如何在 axios 的攔截器中輸出一個vue的組件？

請問如何在 axios 的攔截器中輸出一個vue的組件？

我寫了一個 loading 組件，然后配置了 axios 的攔截請求和響應，
想要在請求的時候出現(xiàn) loading，
得到響應后讓 loading 組件消失，不知道應該怎么寫？

clipboard.png

當發(fā)送一個請求的時候就讓 loading 出現(xiàn)

clipboard.png

然后得到請求后移除 loading

回答
編輯回答
厭遇

// 添加請求攔截器
axios.interceptors.request.use(function (config) {

// 在發(fā)送請求之前做些什么
return config;

}, function (error) {

// 對請求錯誤做些什么
return Promise.reject(error);

});

// 添加響應攔截器
axios.interceptors.response.use(function (response) {

// 對響應數(shù)據(jù)做點什么
return response;

}, function (error) {

// 對響應錯誤做點什么
return Promise.reject(error);

});

2017年8月19日 17:13
編輯回答
毀與悔

vuex中注冊一個loading狀態(tài)，在axios攔截器中改變 loading 狀態(tài)即可

2017年4月4日 04:03
編輯回答
熊出沒

為什么一定要輸出一個組件呢？你在不同的函數(shù)鉤子里，控制loading組件的v-show狀態(tài)就可以了

2018年8月22日 19:24