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