微信小程序请求封装

在utils文件夹下新建request.js

// 同时发送异步代码的次数
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://itheima.net/api/public/v1";
  return new Promise((resolve,reject)=>{
    
    wx.request({
    
     ...params,
     header:header,
     url:baseUrl+params.url,
     success:(result)=>{
    
       resolve(result.data.message);
     },
     fail:(err)=>{
    
       reject(err);
     },
     complete:()=>{
    
      ajaxTimes--;
      if(ajaxTimes===0){
    
        // 关闭正在等待的图标
        wx.hideLoading();
      }
     }
    });
  })
}

在页面中引入并使用

// 获取轮播图数据
  getSwiperList(){
    
    // 默认为method: 'get'
    request({
     url: "/home/swiperdata" })
    .then(result => {
    
      this.setData({
    
        swiperList: result
      })
    })
  },

method为post的情况

// 获取用户信息
  async handleGetUserInfo(e) {
    
    try {
    
      
    // 1 获取用户信息
    const {
     encryptedData, rawData, iv, signature } = e.detail;
    // 2 获取小程序登录成功后的code
    const {
     code } = await login();
    const loginParams={
     encryptedData, rawData, iv, signature ,code};
    // 3 发送请求 获取用户的token
    const {
    token}=await request({
    url:"/users/wxlogin",data:loginParams,method:"post"});
    // 4 把token存入缓存中 同时跳转回上一个页面
    wx.setStorageSync("token", token);
    wx.navigateBack({
    
      delta: 1
    });
  
    } catch (error) {
    
      console.log(error);
    }
  }