石家庄做网站,石家庄网站优化,石家庄网络推广,石家庄网络公司
当前位置:主页 > 新闻资讯 > 技术笔记 >

小程序统一引用api,判断不同栏目引用不同api

发表日期:2020-04-21 10:21文章编辑:网络整理浏览次数: 标签: 小程序开发|    

 首先引用一个统一的api.js
 
  // 小程序开发api接口统一配置
 
  // 如果你的域名是: https://www.baidu.com/cn 那么这里只要填写 cn
 
  let subDomain = '/api/' // 子域名,没有就等于'' ,引用的api的目录
 
  const API_BASE_URL = 'https://www.baidu.com' // 主域名
 
  const request = (url, method, data) => {
 
  let _url = API_BASE_URL + subDomain + url
 
  return new Promise((resolve, reject) => {
 
  wx.request({
 
  url: _url,
 
  method: method,
 
  data: data,
 
  header: {
 
  'Content-Type': 'application/json'
 
  },
 
  success(request) {
 
  resolve(request.data)
 
  },
 
  fail(error) {
 
  reject(error)
 
  },
 
  complete(aaa) {
 
  // 加载完成
 
  }
 
  })
 
  })
 
  }
 
  /**
 
  * 小程序的promise没有finally方法,自己扩展下
 
  */
 
  Promise.prototype.finally = function (callback) {
 
  var Promise = this.constructor;
 
  return this.then(
 
  function (value) {
 
  Promise.resolve(callback()).then(
 
  function () {
 
  return value;
 
  }
 
  );
 
  },
 
  function (reason) {
 
  Promise.resolve(callback()).then(
 
  function () {
 
  throw reason;
 
  }
 
  );
 
  }
 
  );
 
  }
 
  module.exports = {
 
  request,
 
  // 首页列表接口
 
  getList: data => request('/index/index','get', data),
 
  //推荐接口
 
  getRecommend: data => request('/Recommend/Recommend','get', data),
 
  //我的接口
 
  getMY: data => request('/my/my','get', data),
 
  }
 
  然后在小程序的各个目录的js中头部引用
 
  //获取应用实例
 
  const WXAPI = require('../../wxapi/api')
 
  const app = getApp()
 
  在onload中执行
 
  WXAPI.getList({ //这里的getlist是指你在api.js中定义的获取路径
 
  }).then(function (res) {
 
  wx.hideLoading()
 
  if (res.code===0) {
 
  that.setData({
 
  swiperList:res.data.swiperList,
 
  });
 
  }
 
  })

如没特殊注明,文章均来自网络!转载请注明来自:https://www.yousouke.com/News/jsbj/11449.html

网站设计案例推荐

热门新闻

DEDECMS提示Fatal error错误

Nginx的Gzip压缩配置

织梦DedeCMS定时自动生成首页HTML的实现方法

IIS7下js文件启用Gzip后却不压缩的解决方法

dede织梦教程:列表页、文章页调用所有顶级栏目文章的方法

WordPress 集成百度 Sitemap 实时推送代码

织梦DedeCMS定时自动生成首页HTML的实现方法

WORDPRESS文章中微信打赏功能的2种实现方法

相关新闻
推荐新闻

IIS7下js文件启用Gzip后却不压缩的解决方法

织梦DEDECMS教程:添加RSS订阅功能

帝国cms灵动标签调用字母所属的信息

正确配置 WordPress 邮件SMTP

织梦CMS文章模型整合下载功能,可判断点数,会员组等下载权限

帝国cms如何在tags列表页获取当前tag的ID方法

帝国cms怎么实现页面自动生成html

dede简略标题调用标签

织梦DedeCMS实现{dede:channel}标签增加数字序号的方法