flyio 的请求封装

1、安装flyio.js

npm install flyio --save-dev

2、在util创建一个fly.js用于封装

import Vue from 'vue' 
var Fly=require("flyio/dist/npm/wx.js") //wx.js为flyio的微信小程序入口文件
var fly=new Fly(); //创建fly实例
//添加拦截器
fly.interceptors.request.use((config,promise)=>{
    config.headers["X-Tag"]="flyio";  //给所有请求添加自定义header
    return config; }) //配置请求基地址 fly.config.baseURL="https://www.easy-mock.com/mock/5aded45053796b38dd26e970/" Vue.prototype.$http=fly //将fly挂载在vue上供全局使用 export default fly

3、在根目录的main.js下封装一个getList方法.用到请求数据的页面直接调用这个方法即可。提高代码复用率

Vue.prototype.getList = function () {
     wx.showLoading({
       title: '加载中',
   })
   this.$http.get('sell#!method=get').then((res)=>{ this.restaurant = res.data.data.restaurant; //商家数据 this.goods = res.data.data.goods; //商品数据 this.seller = res.data.data.seller; //商家详细数据 this.ratings= res.data.data.ratings //评论数据 wx.hideLoading(); }).catch((e)=>{ console.log(e) }) }

 

转载于:https://www.cnblogs.com/heroljy/p/9337172.html

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值