微信小程序原生网络请求二次封装--初级版

本文介绍了如何通过二次封装网络请求来提高代码复用性,统一管理请求,并提供易用接口。封装还包括对请求效果的列队管理,确保加载提示的正确显示与隐藏。同时,该封装支持定制化需求,如设置不同的请求方法、数据和头部信息,以及处理请求成功后的响应数据。
摘要由CSDN通过智能技术生成

二次封装网络请求能够提高代码复用性、统一管理、提供易用的接口、支持定制化需求。

//  封装 网络请求

let baseurl = 'https://www.fastmock.site/mock/2acc4c5729311518555fbc90927569a4/wx'

// interface requsetType {

// }

 //请求效果的列队

 // 一个页面 =》多个请求  =》请求的效果只能显示一次和隐藏一次

 //  而我所有的请求的都会走这个封装的网络的请求

 let list = 0


 //获取到token


export default function https(url:string, data:any={},method:any='GET'){
                
                     
    if(list==0){  //页面 第一个发送请求的
        wx.showLoading({
            title: '加载中',
          })
    }
    list++
   return new Promise((resolve,reject)=>{
     
      wx.request({
          url: baseurl+url ,    // 服务器的地址 + ' 页面请求的地址'
          method:method,
          data,
          header:{
              "token": wx.getStorageSync('token')? wx.getStorageSync('token'):""
          },
          s
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值