寫小程序的時候大多都是在每個目錄的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
網頁網址：http://www.js-pz168.com/news24/316024.html

成都網站建設公司_創新互聯，為您提供定制網站、虛擬主機、動態網站、域名注冊、企業網站制作、手機網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯