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

写小程序的时候大多都是在每个目录的js下利用wx.request单独引用api,页面过多的后期修改会很麻烦，在这里统一引用一个api.js，后面修改只需去这个公共的js修改就会十分便捷，为了让大家更加长充分的了解，下面成都小程序开发的技术人员来给大家详细介绍。

首先引用一个统一的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,

});

}

})

以上就是成都小程序开发人员介绍的相关内容，如需了解更多请继续关注本网站，采购可直接联系我们。

当前题目：小程序统一引用api,判断不同栏目引用不同api
网页网址：/news24/316024.html

成都网站建设公司_创新互联，为您提供定制网站、虚拟主机、动态网站、域名注册、企业网站制作、手机网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联