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) }) }