推薦方式

首先在?main.js?中引入?axios

// 引入 axiosimportaxiosfrom'axios'

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

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

將axios寫入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})

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

兩種不推薦的使用示范

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

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

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