在小程序/mpvue中使用flyio发起网络请求的方法

  

飞。js一个基于承诺的,强大的,支持多种JavaScript运行时的http请求库。有了它,您可以使用一份http请求代码在浏览器,微信小程序,Weex,节点,本地反应,快应用中都能正常运行。同时可以方便配合主流前端框架,最大可能的实现写>   var飞=要求(“flyio/dist/npm/wx”)   var=new飞飞      

如果您的微信小程序项目没有使用npm来管理依赖,您可以直接下载源码到您的小程序工程,下载链接wx。js或wx.umd.min。js下载任意一个,保存到本地工程目录,假设在“自由”目录,接下来引入:

        var=需要飞(“. ./lib/wx”)//wx.js为您下载的源码文件   var=new飞飞;//创建飞实例   之前      

引入之后,您就可以对飞实例进行全局配置,添加拦截器,发起网络请求了。

  


  

  

飞基于承诺提供了Restful API,你可以方便的使用它们,具体请参考飞文档。下面给出一个简单的示例

     //添加拦截器   fly.interceptors.request.use((配置、承诺)=祝辞{//给所有请求添加自定义头   config.headers [“X-Tag”]=癴lyio”;   返回配置;   })//配置请求基地址   fly.config.baseURL=' http://www.dtworkroom.com/doris/1/2.0.0/'   …      页面({//事件处理函数   bindViewTap:函数(){//发起得到请求   fly.get(“/测试”,{xx: 6}),然后((d)=祝辞{//输出请求数据   console.log (d.data)//输出响应头   console.log (d.header)   }).catch(呃=祝辞{   console.log (err.status err.message)   })   …   })   })      之前      


  在mpvue 中您也可以将飞实例挂在vue原型上,这样就可以在任何组件中通过该方便的调用:

        var飞=要求(“flyio/dist/npm/wx”)   var=new飞飞翔   …//添加全局配置,拦截器等   Vue.prototype。http=飞//美元将飞实例挂在vue原型上      

在组件中您可以方便的使用:

        这个。http.get美元(“/测试”,{xx: 6}),然后((d)=祝辞{//输出请求数据   console.log (d.data)//输出响应头   console.log (d.header)   }).catch(呃=祝辞{   console.log (err.status err.message)   })   之前      


  

  

如果您有问题欢迎在在github提问题。飞。js github: github.com/fly
  

  

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
  

在小程序/mpvue中使用flyio发起网络请求的方法