幾種簡單的axios二次封裝

簡單的封裝

get方法：我們通過定義乙個get函式，get函式有兩個引數，第乙個引數表示我們要請求的url位址，第二個引數是我們要攜帶的請求引數。get函式返回乙個promise物件，當axios其請求成功時resolve伺服器返回 值，請求失敗時reject錯誤值。最後通過export丟擲get函式。

/**

* get方法，對應get請求
* @param  url [請求的url位址]
* @param  params [請求時攜帶的引數]
*/export
function
get(url, params)).
then
(res =>).
catch
(err =>)}
);}

/** 

* post方法，對應post請求 
* @param  url [請求的url位址] 
* @param  params [請求時攜帶的引數] 
*/export
function
post
(url, params)).
catch
(err =>)}
);}

第二種封裝

export

const
login
=(username, password)
=>})
}export
const
logout=(
)=>)}
export
const
modifypasswor
=(password)
=>})
}

axios的簡單二次封裝

為什麼進行封裝？a.統一配置http請求baseurl，超時配置，請求頭配置。b.可以劫持劫持響應，劫持請求，新增全域性載入提示，新增header鑑權，響應錯誤統一處理 c.擴充套件簡化axios方法jsonp，posturl import axios from axios 匯入axios impo...

axios二次封裝

引入路由 import router from router index 引入vuex import store from store index 引入提示元件 import from element ui 引入api import apilist from apilist 引入qs let htt...

axios二次封裝

axios封裝 axios請求 axios二次封裝 封裝公共請求 123 4567 891011 1213 1415 1617 1819 2021 2223 2425 2627 2829 3031 3233 import axios from axios import from element ui...