小程序封装请求的步骤

1.第一步建立http文件夹 再建立http.js

2.第二步封装具体的请求，建立api.js

3.第三步在页面调用接口：

var requestHandler = {

  params: {},

  api: '',

  type: '',

  success: function (res) {

  },

  fail: function () {

  },

}

//GET请求

function GET(requestHandler) {

  request('GET', requestHandler)

}

//POST请求

function POST(requestHandler) {

  request('POST', requestHandler)

}

function request(method, requestHandler) {

  //注意：可以对params加密等处理

  var params = requestHandler.params

  // params.token = wx.getStorageSync('token')这里可以写每次请求都必带的参数

  var api = requestHandler.api

  wx.request({

    url: API_URL + api,

    data: params,

    method: method,

    header: {

      'Content-Type': 'application/x-www-form-urlencoded'

    },

    success: function (res) {

      if (res.data.code == 你后台返回的状态码) {

        requestHandler.success(res)

      } else {

        requestHandler.success(res)

      }

    },

    fail: function () {

      requestHandler.fail()

    },

    complete: function () {

    }

  })

}

module.exports = {

  GET: GET,

  POST: POST,

  API_URL: API_URL

}

   request.POST({

       api:'/Login/login',

       params:{

       password:this.data.password,

       },

       success(res) {

         if(res.data.code == 后台返回的状态码) {

          request.showToast(res.data.msg)

          setTimeout(()=>{

            wx.reLaunch({

              url:'../index/index'

            })

          },1000)

         } else {

          request.showToast(res.data.msg)

         }

       }

     })

新建文件request.js，将请求的封装方法写在里面

页面调用，在页面的js文件中引用

小程序默认请求超时时间是60秒，等待时间有点长，我们可以在app.json中进行设置

每个页面请求的时候都要引用封装，还是有点麻烦。注意到小程序页面都可以获取app.js的实例（const app = getApp()），所以可以改一下封装，将封装方法直接暴露出去，在app.js中再配置POST/GET等请求；请求的url也可以抽出来写在一起，方便查找和修改。自己试一下吧~

//觉得有用的话，点个喜欢再走嘛（不要脸.jpg）

---