微信小程序wx.request二次封装

最新推荐文章于 2024-02-22 10:46:55 发布

西楚恶霸

最新推荐文章于 2024-02-22 10:46:55 发布

阅读量310

点赞数 1

文章标签：小程序

本文链接：https://blog.csdn.net/bo20010830/article/details/118719031

版权

本文介绍了在开发微信小程序时，为解决重复处理请求异常的问题，对wx.request进行的二次封装。通过在utils的api.js文件中创建封装方法，简化了在各页面中调用网络请求的代码，提高了代码复用性和可维护性。

摘要由CSDN通过智能技术生成

这几天开发微信小程序，发现了点请求方面的问题，每个请求都要写相同类型的异常，就简单封装了一下wx.request

首先在utils里面创建一个api.js 文件

const host = "http://www.api.com";

function request(url, data, method) {
  return new Promise((resolve, reject) => {
    wx.showLoading({
      title: '加载中',
      duration: 3000
    })
    wx.request({
      url: host + url,
      data: data || {},
      header: {
        'Content-Type': 'application/json;charset=UTF-8',
        ‘token’:wx.getStorageSync('token')
      },
      method: method || 'GET',
      success: (res) => {
        wx.hideLoading()
        let statusCode = res.statusCode
        if (statusCode === 200 ) {
          resolve(res.data)
        } else {
          wx.showToast({
            title: '网络异常，请检查网络状态',
            icon: 'none',
            duration: 3000
        })
          reject(res)
        }
      },
      fail: (r