1.在src目錄下的main.js檔案中,引入:
import axios from 'axios';
import mint from 'mint-ui';
vue.use(mint);
2.axios發起請求時,顯示loading:
// axios發起請求時,顯示loading
axios.interceptors.request.use((config) => )
return config
}, (err) => )
3.axios請求完成後,隱藏loading:
// axios請求完成後,隱藏loading
axios.interceptors.response.use((response) => , (err) => )
總結,這樣子寫在每乙個請求axios時,是可以顯示loading的。但是會存在乙個問題,就是當乙個頁面有去請求多個介面時,就會出現loading-顯示-隱藏-顯示-隱藏的重複事件,目前不知道咋解決比較好。 vue專案及axios請求獲取資料
一般vue專案中 乙個頁面是由多個元件組成的,各個組建的資料都是統一在主介面的元件中傳送axios請求獲取,這樣極大地提高了效能。import homeheader from components header import homeswiper from components swiper imp...
vue專案使用axios請求後端資料
在專案中使用到的向後端請求和提交資料的方式,axios請求 在使用axios時,需要先安裝axios npm install axios安裝完成後在main.js中引入 import axios from axios 為了使用方便在定義為全域性方法 vue.prototype.http axios完...
vue專案中封裝axios請求
1.前言 之前是我負責這個專案的搭建,及打包上線,整個專案都是我乙個人來做,所以介面寫的遍地都是,造成了瀏覽起來很難受,不便於維護 所以就打算封裝一下axios 建立乙個apis 的js檔案來集中管理介面,走著!首先考慮的是通過promise來封裝axios,使 看起來更清晰明了 2.1 專案中引入...