[绍棠] 微信小程序网络请求 promise 封装

最新推荐文章于 2025-05-22 09:07:20 发布

绍棠

最新推荐文章于 2025-05-22 09:07:20 发布

阅读量192

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签：微信小程序

本文链接：https://blog.csdn.net/happyshaotang2/article/details/116997391

本文介绍了如何在微信小程序中进行网络请求的Promise封装，包括在utils文件中创建request.js，实现登录验证和普通封装，并在app.js中引入及在页面中应用的方法。

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

1. 在 utils 文件中新建一个 request.js 文件

带登录验证

const apiHttp = " "; // 基本路径

// 请求方法
function request(url, method, data, header){

  // 判断 是否有登录 token
  data = data || {};
  header = header || {};

  let token = wx.getStorageSync("token");
  let tokenHead = wx.getStorageSync("tokenHead");
  
  if (token && tokenHead) {
    if (!header || !header["Authorization"]) {
      header["Authorization"] = tokenHead + token;
    }
  }

  // 加载动画
  wx.showLoading({
    title: '加载中',
  })
  
  // 创建 promise 对象
  let promise = new Promise((resolve, reject)=>{
    
    wx.request({
      url: apiHttp + url, // 地址
      header: header,
      data: data,
      method: method,
      success: function (res) {
        
        wx.hideLoading() // 隐藏加载动画

        // 判断是否成功（res的数据需要看接口返回的数据做判断）
        if (typeof res.data === "object") {
          if (res.data.code) {
            // 判断是否有登录
            if (res.data.code === 401) {
              setTimeout(()