mpvue小程序封装request请求

第一步，在util文件下面建api.js文件

写入以下代码：

let serverPath = 'xxxxxxxxxxx'   //请求后台的url
function SEND(url, method, data, success, fail) {
   wx.request({
      url: serverPath+url,
       header: {
         'content-type': 'application/json',
           },
      method: method,
        data: data,
        success(res) {
           success(res);//成功的输出
         },
       fail(res) {
           fail(res);//失败的输出
         }
     });
   }
module.exports.SEND =SEND;//文件出口

第二步：在main.js中引入这个文件并进行声明

import api from'./utils/api'

Vue.prototype.$api = api

第三步：在需要请求接口的地方使用

例子：this.$api.SEND(url, "get", {},res=>{},res=>{})    //get请求

this.$api.SEND(url, "post", data,res=>{},res=>{})    //post请求