寫小程序的時候大多都是在每個目錄的js下利用wx.request單獨引用api,頁面過多的后期修改會很麻煩，在這里統(tǒng)一引用一個api.js，后面修改只需去這個公共的js修改就會十分便捷，為了讓大家更加長充分的了解，下面石家莊小程序開發(fā)的技術人員來給大家詳細介紹。
首先引用一個統(tǒng)一的api.js
// 小程序開發(fā)api接口統(tǒng)一配置
// 如果你的域名是： 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中執(zhí)行
WXAPI.getList({ //這里的getlist是指你在api.js中定義的獲取路徑
}).then(function (res) {
wx.hideLoading()
if (res.code===0) {
that.setData({
swiperList:res.data.swiperList,
});
}
})
以上就是石家莊小程序開發(fā)人員介紹的相關內容，如需了解更多請繼續(xù)關注本網站，采購可直接聯系我們。
睿億網絡用心服務的團隊，竭誠為您服務 
客服不能及時回復您，您可點擊QQ進行交談 
