【无标题】小程序封装http请求

uniapp 参考 https://www.cnblogs.com/yeziyou/p/13463531.html

小程序封装http请求

新建 config文件夹，新建untils文件夹
api.js

//测试地址
const ApiRootUrl = 'https://192.168.28.185:8192/jhSeal/';
module.exports = {
//接口名称
  sendSms: ApiRootUrl + 'sms/sendSms.shtml', //发送短信接口
  applySealUrl: ApiRootUrl + 'apply/applySeal.shtml', //申领印章 
}

http.js

/**
 * GET请求封装
 */
function get(url, data = {}) {
  return request(url, data, 'GET')
}

/**
 * POST请求封装
 */
function post(url, data = {}) {
  return request(url, data, 'POST')
}

/**
 * 微信的request
 */
function request(url, data = {}, method = "GET") {
  var contentType = 'application/json'
  return new Promise(function(resolve, reject) {
    wx.request({
      url: url,
      data: data,
      method: method,
      header: {
        'content-type': 'application/x-www-form-urlencoded',
        // 'Authorization': 'Bearer ' + getDataByKey('token'),
      },
      success: function(res) {
        console.log('===============================================================================================')
        console.log('==    接口地址：' + url)
        console.log('==    接口参数：' + JSON.stringify(data))
        console.log('==    请求类型：' + method)
        console.log("==    接口状态：" + res.statusCode);
        console.log('===============================================================================================')
        if (res.statusCode == 200) {
          //请求正常200
          //AES解密返回的数据
          var daesData = null
          try {
            //此处结合了上篇文章的AES解密，如果不需要加解密，可以自行去掉，直接使用数据 res.data。
            // daesData = aes.getDAes(res.data)
            // console.log('解密后的数据：' + daesData)
            // daesData = JSON.parse(daesData)
            if (res.data) {
              //正常
              resolve(res.data);
            } else {
              //错误
              reject(res.data)
            }
          } catch (error) {
            console.log('==    数据解码失败')
            reject("数据解码失败")
          }
        } else if (res.statusCode == 401) {
          //此处验证了token的登录失效，如果不需要，可以去掉。
          //未登录，跳转登录界面
          reject("登录已过期")
          wx.showModal({
            title: '提示',
            content: '登录已过期，请立即登录，否则无法正常使用',
            success(res) {
              if (res.confirm) {
                console.log('用户点击确定')
                wx.navigateTo({
                  url: '/pages/login/login?toPageUrl=401',
                })
              } else if (res.cancel) {
                console.log('用户点击取消')
              }
            }
          })
        } else {
          //请求失败
          reject("请求失败：" + res.statusCode)
        }
      },
      fail: function(err) {
        //服务器连接异常
        console.log('===============================================================================================')
        console.log('==    接口地址：' + url)
        console.log('==    接口参数：' + JSON.stringify(data))
        console.log('==    请求类型：' + method)
        console.log("==    服务器连接异常")
        console.log('===============================================================================================')
        reject("服务器连接异常，请检查网络再试")
      }
    })
  });
}

module.exports = {
  // formatTime,
  request,
  get,
  post
}

使用：index.js

const app = getApp()
const utils = require('../../utils/utils.js')
const api = require('../../config/api.js')
Page({
submit(e) {
let param = {
        telephone: 13283827948,
        verCode: e.detail.value.code,
      }
      utils.post(api.verCodeLoginUrl, param).then(res => {
        let {
          code,
          msg,
          data
        } = res
        if (code == 0) {
        //成功操作
        } else {
         //失败操作
        }

      })
    }
  },
})