微信小程序 - - - - -封装request请求

关注

原创 2022-09-29 16:44:52 350 阅读 AI 写同款· GEO 优化 ›

微信小程序 --- wx.request网络请求封装为了方便统一处理请求参数以及服务器响应结果，为WxRequest添加拦截器功能，拦截器包括请求拦截器和响应拦截器请求拦截器本质上是在请求之前调用的函数，用来对请求参数进行新增和修改响应拦截器本质上是在响应之后调用的函数，用来对响应数据做点什么注意：不管成功响应还是失败响应，都会执行响应拦截器// 请求拦截器// 在发送请求之前做些什么// 响应拦截器// 对响应数据做点什么通过使用方式，我们可以得出结论：可以在WxRequest类内部定义实例属性，属性中需要包含request以及。阅读详情

简单封装request请求

const BASE_URL = 'https:/***.****.com'


const urls = ['/login']

function request(url, data = {}, method = 'GET', showToast = true) {

  // 获取本地token
  let token = wx.getStorageSync('token') || ''

  // 如果未登录 && 访问的接口不是指定接口 则跳转到登录页面
  if (!token && !urls.some((item) => item == url)) {
    // 还没登录呢～
    return wx.navigateTo({
      url: '/pages/signin/signin',
    })
  }


  if (showToast) {
    wx.showLoading({
      title: '加载中',
    })
  }

  // 使用Promise封装一层
  return new Promise((resolve, reject) => {
    wx.request({
      url: `${BASE_URL}${url}`,
      method,
      data,
      header: {
        'Content-type': 'application/x-www-form-urlencoded',
        token
      },
      // 成功的回调函数
      success(res) {
        if (res.data.ec === 200) {
          // 将response的数据resolve出去
          resolve(res.data)
        } else if (res.data.ec === 300) {
          // 登录过期 || 尚未登录～
          return wx.navigateTo({
            url: '/pages/signin/signin',
          })
        } else {
          wx.showToast({
            title: res.data.em || '请求失败',
            icon: 'error'
          })
          resolve(res);
        }
      },
      fail(error) {
        wx.showToast({
          title: '请求失败',
          icon: 'error'
        })
        reject(error);
      },
      complete() {
        wx.hideLoading()
      }
    })
  })
}

export {
  request
}