简单的基于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接口请求封装完毕!!

相关文章
相关标签/搜索