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

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

//添加拦截器 fly.interceptors.request.use((config,promise)=>{ //给所有请求添加自定义header config.headers["X-Tag"]="flyio"; return config; }) //配置请求基地址 fly.config.baseURL='http://www.dtworkroom.com/doris/1/2.0.0/' ... Page({ //事件处理函数 bindViewTap: function() { //发起get请求 fly.get("/test",{xx:6}).then((d)=>{ //输出请求数据 console.log(d.data) //输出响应头 console.log(d.header) }).catch(err=>{ console.log(err.status,err.message) }) ... }) })

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

var Fly=require("flyio/dist/npm/wx") var fly=new Fly ... //添加全局配置、拦截器等 Vue.prototype.$http=fly //将fly实例挂在vue原型上

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

this.$http.get("/test",{xx:6}).then((d)=>{ //输出请求数据 console.log(d.data) //输出响应头 console.log(d.header) }).catch(err=>{ console.log(err.status,err.message) })

反馈

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

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/465df7148d47f7842b8c5a3405624a26.html