微信小程序封装http请求

最新推荐文章于 2024-03-29 01:19:15 发布

m0_58699900

最新推荐文章于 2024-03-29 01:19:15 发布

阅读量164

点赞数

CC 4.0 BY-SA版权

文章标签： http 小程序微信

本文链接：https://blog.csdn.net/m0_58699900/article/details/120543229

这篇博客介绍了如何在JavaScript中封装一个HTTP请求类，用于处理小程序中的网络请求。类中设置了默认的请求域名，并根据本地存储的token和openid添加了对应的请求头。当请求失败时，会显示相应的错误提示。在实际使用时，只需引入该文件并调用请求方法即可发起网络请求。

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

封装utils中

js：

export default class Http {
  request(url, data = [], method = 'GET') {
      //自定义主域名
      var domain = 'http://www.xxx.com/api';
      let header = {};
      let token = wx.getStorageSync('token');
      let openid = wx.getStorageSync('openid');
      if (token) {
          header['token'] = token;
      }
      if (openid) {
          header['openid'] = openid;
      }
      let urlTo = `${domain}${url}`;
      return new Promise(function (resolve, reject) {
          wx.request({
              url: urlTo,
              data,
              method,
              header,
              success: res => {
                  if (res.statusCode !== 200) {
                      wx.showToast({
                          title: '网络异常!',
                          icon: 'error',
                          duration: 2000
                      })
                  }
                  resolve(res.data)
              },
              fail: function (res) {
                  wx.showToast({
                      title: '请求异常,请稍后再试',
                      icon: 'error',
                      duration: 2000
                  })
              }
          })
      })
  }
}

使用：

在需要用到的js页面中引入文件