Wepy封装wx.request

最新推荐文章于 2025-05-26 17:09:58 发布

王秦

最新推荐文章于 2025-05-26 17:09:58 发布

阅读量5.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信小程序 wx.request() wepy

本文链接：https://blog.youkuaiyun.com/tech_wang/article/details/80502087

微信小程序专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种在WePY框架下对wx.request服务进行封装的方法。通过创建RequestService类，实现了请求的成功与错误处理机制，并提供了通用的请求接口。此外，还展示了如何在实际项目中使用这些封装好的请求函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  import wepy from 'wepy'
  /**wx.request服务封装 */
  export class RequestService {
    /**
     * create by wq
     * info 错误信息
     * callBack 回调函数
     * errTip 自定义错误信息
     */
    static httpHandlerError(info, callBack, errTip) {
      wepy.hideLoading()
      /**请求成功，退出该函数 */
      if ((info.statusCode >= 200 && info.statusCode <= 207) || info.statusCode === 304) {
        return false
      } else {
        /**401 没有权限时，重新登录 */
        if (info.statusCode === 401) {
          wepy.redirectTo({
            url: 'index'
          })
        }
        /**判断是否有自定义错误信息，如果有，优先使用自定义错误信息，其次曝出后台返回错误信息 */
        let errorInfo = ''
        if (errTip) {
          errorInfo = errTip
        } else {
          if (info.data.message) {
            errorInfo = info.data.message
          } else {
            errorInfo = '也许服务器忙!'
          }
        }
        wepy.showToast({
          title: errorInfo,
          icon: 'loading',
          duration: 3000
        })
        /**发生错误信息时，如果有回调函数，则执行回调 */
        if (callBack) {
          callBack()
        }
        return true
      }
    }
    /**
     * create by wq
     *请求封装
     *method 请求方式
     *reqData 发送请求数据
     *reqUrl 请求路径
     *failFn 请求失败，执行该函数
     *sucFn 请求成功，执行该函数
     */
    static soeRequest(method, reqData, reqUrl, failFn, sucFn) {
      wepy.request({
        /**header 如果需要验证token 可封装另外的getHeaders函数获取本地缓存token */
        // header: this.getHeaders(),
        header: {
          'content-type': 'application/json'
        },
        data: reqData,
        url: reqUrl,
        method: method,
        complete: (res) => {
          let error = this.httpHandlerError(res, failFn)
          if (error) return;
          sucFn(res);
        }
      })
    }
  }
  //在index.wpy页面中， 需要发送请求， < script > 标签头部引入
  import { RequestService } from '../Request’;
  // 使用函数调用接口示例：
  RequestService.soeRequest('GET', '', url,
    (fail) => {
      console.log(fail);
      console.log('失败');
    },
    (res) => {
      console.log(res);
      console.log('成功');
    })