mpvue flyio

https://blog.csdn.net/qq_34239734/article/details/88836320

不用改这个，如果改第一个，那么就自动改第二个了

 

 

 

 

 

 

在main.js中代码如下 

import fly from './utils/request'

// 将fly挂载在全局
Vue.prototype.$fly = fly

utils下的request.js如下：

/**
 * Created by zhengyi.fu on 2018/8/31.
 */
import Fly from 'flyio/dist/npm/wx'
const fly = new Fly()
// 域名
const host = 'http://152.136.165.25:9999/'
// 添加请求拦截器
fly.interceptors.request.use((request) => {
  wx.showLoading({
    title: '加载中',
    mask: true
  })
  console.log(request)
  // request.headers["X-Tag"] = "flyio";
  // request.headers['content-type']= 'application/json';
  request.headers = {
    'X-Tag': 'flyio',
    'content-type': 'application/json'
  }
 
  let authParams = {
    // 公共参数
    'categoryType': 'SaleGoodsType@sim',
    'streamNo': 'wxapp153570682909641893',
    'reqSource': 'MALL_H5',
    'appid': 'string',
    'timestamp': new Date().getTime(),
    'sign': 'string'
  }
 
  request.body && Object.keys(request.body).forEach((val) => {
    if (request.body[val] === '') {
      delete request.body[val]
    };
  })
  request.body = {
    ...request.body,
    ...authParams
  }
  return request
})
 
// 添加响应拦截器
fly.interceptors.response.use(
  (response) => {

    wx.hideLoading()
    console.log("sssss")
    console.log("在这里喔")
    console.log(response.data)
    return response.data // 请求成功之后将返回值返回
  },
  (err) => {
    // 请求出错，根据返回状态码判断出错原因
    console.log(err)
    wx.hideLoading()
    if (err) {
      return '请求失败'
    };
  }
)
 
fly.config.baseURL = host
 
export default fly
 

 

页面中的请求：

  // 请求列表数据
        this.$fly.post('/order/list', {
          
          })
          .then(function (response) {
            console.log(response);
          })
          .catch(function (error) {
            console.log(error);
          });