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

小程序统一引用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的实现方法

帝国CMS安装时出现You have an error in your SQL syntax错误代码的解决方

相关新闻
推荐新闻

DedeTag Engine Create File False 错误完美解决方法

详解dedecms织梦远程图片本地化https链接图片无法本地化怎么解决

帝国CMS中[!--no.num--]标签的用法分析

织梦cms免登录接口for dedecms自动登录代码

帝国CMS在JS登陆状态模板中调用显示会员收到的短消息数

DEDECMS标签循环调用,去掉最后一个循环符号的代码

帝国cms会员收藏夹如何显示信息的栏目名称

帝国CMS列表list.var前三条信息加NEW图标

织梦DedeCms自定义字段限制调用字符长度的方法