首頁猿問在vue-axios異步請求中，如...

在vue-axios異步請求中，如果是1秒內(nèi)異步請求完成了，就不顯示加載中，否則才顯示

Vue.js

白衣染霜花 2019-06-07 19:06:20

查看完整描述

2 回答

aluckdog

TA貢獻1847條經(jīng)驗獲得超7個贊

全局使用Axios
首先，在自己建的公用方法的文件中new一個新的HttpUtil.js文件。以下為HttpUtil.js的內(nèi)容：

var axios = require('axios')// 配置項目根如路徑var root = 'http://localhost:8090/manage'// axios請求function httpApi (method, url, params) { return new Promise((resolve, reject) => { axios({ method: method, url: url, data: method === 'POST' || method === 'PUT' ? params : null, params: method === 'GET' || method === 'DELETE' ? params : null, baseURL: root, withCredentials: false }).then(
(response) => {
resolve(response)
}
).catch(
(error) => {
reject(error)
}
)
})
}// 返回在vue模板中的調(diào)用接口export default { get: function (url, params) { return httpApi('GET', url, params)
}, post: function (url, params) { return httpApi('POST', url, params)
}, put: function (url, params) { return httpApi('PUT', url, params)
}, delete: function (url, params) { return httpApi('DELETE', url, params)
}
}