本文主要給大家介紹了關(guān)于在Vue組件化中利用axios處理ajax請(qǐng)求的使用方法，分享出來(lái)供大家參考學(xué)習(xí)，下面話(huà)不多說(shuō)了，來(lái)一起看看詳細(xì)的介紹吧。

推薦方式

首先在 main.js 中引入 axios

// 引入 axiosimport axios from 'axios'

這時(shí)候如果你想在其它的組件中使用axios進(jìn)行ajax請(qǐng)求是或提示報(bào)錯(cuò)的，報(bào)錯(cuò)內(nèi)容大致是axios is undefined。

我們通常的決絕方案是將axios改寫(xiě)為 Vue 的原型屬性,如2

將axios寫(xiě)入Vue的原型鏈作為Vue的屬性

// 設(shè)置axios請(qǐng)求的默認(rèn)hostaxios.defaults.baseURL = "https://www.ifilm.ltd/api/"http:// 將axios綁定給vue成為一個(gè)屬性Vue.prototype.$http = axios

在其他組件中使用axios

this.$http.get('路由').then(response => {  // todo something  })

此方式可以類(lèi)比到Vue的其他庫(kù)使用

兩種不推薦的使用示范

將axios全局化，作為全局變量

// 引入axiosimport axios from 'axios'// 將axios全局化window.axios = axios;

另外一個(gè)不太優(yōu)雅的方式就是在需要的每個(gè)組件中都引入對(duì)應(yīng)的庫(kù)

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)錯(cuò)新站長(zhǎng)站的支持。