记录封装的wx.request

最新推荐文章于 2025-12-10 11:05:52 发布

原创最新推荐文章于 2025-12-10 11:05:52 发布 · 203 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #wx.request #微信小程序

该代码段定义了一个名为request的功能，用于封装uni-app的网络请求。它支持GET、POST、DELETE和PUT方法，处理请求成功与失败的情况，包括错误提示、状态码检查以及令牌验证。此外，还提供了特定的header字段，如Content-Type和X-Access-Token，用于数据交互。

/**
 * 封装微信的request
 */
function request(url, data = {}, method = 'GET') {
  return new Promise((resolve, reject) => {
    uni.request({
      url: url,
      data: data,
      method: method,
      header: {
        'Content-Type': 'application/json',
        'X-Access-Token': uni.getStorageSync('token'),
        'req_type': 'xcx'
      },
      success(res) {
        if (res.statusCode === 200) {
          if (res.data.code !== 200) {
            uni.hideLoading()
            uni.showModal({
              title: '温馨提示',
              content: res.data.message || '抱歉！出错了',
              showCancel: false
            })
          }
          resolve(res.data)
        } else {
          if (res.statusCode === 401) {
            uni.navigateTo({
              url: '/pages/authorization/authorization?scene=tokenInvalid',
            })
          }
          uni.hideLoading()
          reject(res)
        }
      },
      fail(err) {
        reject(err)
        uni.hideLoading()
        console.log('failed')
      }
    })
  })
}

export function get(url, data = {}) {
  return request(url, data, 'GET')
}

export function customDelete(url, data = {}) {
  return request(url, data, 'DELETE')
}

export function post(url, data = {}) {
  return request(url, data, 'POST')
}

export function put(url, data = {}) {
  return request(url, data, 'PUT')
}