具體實現思路=》封裝以前須要用npm安裝並引入axios,使用一個單獨的js模塊做爲接口請輸出對象,而後export dafult 這個對象。ios
1.首先咱們須要在Vue實例的原型prototype中擴展一個$http的方法取代axios=>Vue.prototype.$http=axios這樣子就能夠在組件中經過this.$http方法引用axios的get等內置APIajax
2.將方法寫在一個對象中方便調用=> 相似這個就將該請求方法寫在了xhr這個對象中,npm
3.經過=>方法全局註冊Vue原型方法$xhr下的xhr對象,export以後能夠在組件中經過下面方法實現調用,相似於jq的ajax的請求以及回調格式axios
this.$xhr.xhr.httpRequest({//xhr對象中封裝的ajaxrequest方法this
url:'url地址',url
data:{prototype
//傳參對象
},blog
success:=>(data){//此處data至關於封裝的ajaxrequest方法中的res.data接口
//回調處理邏輯
}
})
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
一個簡單的基於Vue-axios接口請求封裝完畢!!