mpvue使用wx.request请求数据 模板

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

以下的mpvue.xxx都可换成wx.xxx (即mpvue都可用wx代替)

// src/utils/wx-request.js
// 此处设置基础url
const base= 'http://000.000.000.000:8090/'

function request (url, method, data, header = {}) {
  // mpvue.showLoading({
  //   title: '加载中' // 数据请求前loading
  // })
  return new Promise((resolve, reject) => {
    mpvue.request({
      url: base+ url, // 仅为示例，并非真实的接口地址
      method: method,
      data: data,
      headers: {
        'content-type': 'application/json' // 默认值
      },
      success: function (res) {
        // mpvue.hideLoading()
        resolve(res.data)
      },
      fail: function (res) {
        // mpvue.hideLoading()
        // reject(false)
      },
      complete: function () {
        // mpvue.hideLoading()
      }
    })
  })
}

function get (url,data) {
  return request(url, 'GET', data)
}
 
function post (obj) {
  return request(url, 'POST', data)
}
export default {
  request,
  get,
  post,
  host
}

2.main.js中引入到原型

//请求
import myRequest from './utils/wx-request'
Vue.prototype.$axios = myRequest 

3.使用

this.$axios.get('/search/list/index',data:{
	keyword:mykeyword
	// 参数。。。
}).then(res=>{
	console.log(res)
})