• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序封装接口

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

1.util-util.js

//封装接口
let baseURL = 'http://127.0.0.1:3000/';   //接口路径
let request = function (url, options = {}) {
  let myUrl = `${baseURL}${url}`;
  // 处理method,data,params=> 查询字符串
  // 如果有请求头
  // 合并对象data
  // 如果params 添加查询字符串参数
  //接口的参数
  if (options.params) {
    let urlQueryString = qs.stringify(options.params, {   //使用到qs ,先下载,后引入
      addQueryPrefix: true,
      allowDots: true, 
    });
    myUrl += urlQueryString;
  }

  return new Promise((resolve, reject) => {
    wx.showLoading({
      title: '玩命加载中...',
    });
    wx.request({
      method: 'get',
      url: myUrl,
      success: resolve,
      fail: reject,
      complete: wx.hideLoading,
      ...options  //直接展开
    });
  });
}

  2.引入qs

const  qs= require('../static/js/qs.js');

3.将这个接口暴露出去

module.exports = {
  formatTime: formatTime,
  request:request
}

 4.在app.js引进工具对象,便于其他页面使用

const { request, formatTime }=require('./utils/util.js');
//向外提供属性
  globalData: {
    userInfo: null,
    formatTime,
     request
  }

5.先 在请求的页面引入,使用 async  await

引入

//解构赋值
const  { request } =getApp().globalData;

使用 async  await

 let swipe = await request('slides', {
      method: 'get',
      params: {
        a: 1, b: 2
      },
    });

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
使用iviewweapp组件写小程序tab切换发布时间:2022-07-18
下一篇:
微信小程序学习:加减控件发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap