本文主要給大家介紹了關于在Vue組件化中利用axios處理ajax請求的使用方法，分享出來供大家參考學習，下面話不多說了，來一起看看詳細的介紹吧。

推薦方式

首先在 main.js 中引入 axios

// 引入 axiosimport axios from 'axios'

這時候如果你想在其它的組件中使用axios進行ajax請求是或提示報錯的，報錯內容大致是axios is undefined。

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

將axios寫入Vue的原型鏈作為Vue的屬性

// 設置axios請求的默認hostaxios.defaults.baseURL = "https://www.ifilm.ltd/api/"http:// 將axios綁定給vue成為一個屬性Vue.prototype.$http = axios

在其他組件中使用axios

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

此方式可以類比到Vue的其他庫使用

兩種不推薦的使用示范

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

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

另外一個不太優雅的方式就是在需要的每個組件中都引入對應的庫

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對武林網的支持。