VUE專案axios請求時,顯示loading

2021-10-02 04:00:37 字數 564 閱讀 9366

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 專案中引入...