簡單的基於Vue-axios請求封裝

    具體實現思路=》封裝以前須要用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接口請求封裝完畢!!

相關文章
相關標籤/搜索