微信公众号开发

小程序请求封装

本文主要是介绍小程序请求封装,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
// 同时发送异步代码的次数
let ajaxTimes=0;
export const request=(params)=>{
  // 判断 url中是否带有 /my/ 请求的是私有的路径 带上header token
  let header={...params.header};
  if(params.url.includes("/my/")){
    // 拼接header 带上token
    header["Authorization"]=wx.getStorageSync("token");
  }
  ajaxTimes++;
  // 显示加载中 效果
  wx.showLoading({
    title: "加载中",
    mask: true
  });
  // 定义公共的url
  const baseUrl="https://api.zbztb.cn/api/public/v1";
  return new Promise((resolve,reject)=>{
    wx.request({
      // 传入公共参数
     ...params,
     header:header,
     //设置公共url
     url:baseUrl+params.url,
    //  成功返回
     success:(result)=>{
       resolve(result.data.message);
     },
     //失败返回
     fail:(err)=>{
       reject(err);
     },
     complete:()=>{
      ajaxTimes--;
      if(ajaxTimes===0){
        //  关闭正在等待的图标
        wx.hideLoading();
      }
     }
    });
  })
}

小程序请求封装

使用:

import { request } from "../../request/index.js";
这篇关于小程序请求封装的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!