2024-01-29 分类: 网站建设
写小程序的时候大多都是在每个目录的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。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容