mpvue使用wx.request封装请求

版权声明：本文为QQ帝国原创博客，转载请附上链接，谢谢。 https://blog.csdn.net/QQ_Empire/article/details/88647993

1.创建src下创建utils/request.js

const host = 'https://rmall.ukelink.net'
 
function request (url, method, data, header = {}) {
  wx.showLoading({
    title: '加载中' // 数据请求前loading
  })
  return new Promise((resolve, reject) => {
    wx.request({
      url: host + url, // 仅为示例，并非真实的接口地址
      method: method,
      data: data,
      headers: {
        'content-type': 'application/json' // 默认值
      },
      success: function (res) {
        wx.hideLoading()
        resolve(res.data)
      },
      fail: function (res) {
        wx.hideLoading()
        // reject(false)
      },
      complete: function () {
        wx.hideLoading()
      }
    })
  })
}
 
function get (obj) {
  return request(obj.url, 'GET', obj.data)
}
 
function post (obj) {
  return request(obj.url, 'POST', obj.data)
}
 
export default {
  request,
  get,
  post,
  host
}

2.main.js中引入到原型

import WXrequest from './utils/request'

Vue.prototype.$httpWX = WXrequest

3.具体页面中使用

Request(){
       this.$http.post({
        url: '/mms/country/queryValidZoneListForMallHome',
        data: {
          'categoryType': 'SaleGoodsType@sim',
          'streamNo': 'web_bss153570682909641893',
          'reqSource': 'MALL_H5',
          'appid': 'string',
          'timestamp': 1535706829096,
          'sign': 'string'
        }
        }).then(res => {
          console.log(res)
        })
    }

4、点击就可以看到请求到的数据了