寫小程序的時候大多都是在每個目錄的js下利用wx.request單獨引用api,頁面過多的后期修改會很麻煩，在這里統(tǒng)一引用一個api.js，后面修改只需去這個公共的js修改就會十分便捷，為了讓大家更加長充分的了解，下面石家莊小程序開發(fā)的技術(shù)人員來給大家詳細介紹。

　　首先引用一個統(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中頭部引用

　　//獲取應(yīng)用實例

　　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ā)人員介紹的相關(guān)內(nèi)容，如需了解更多請繼續(xù)關(guān)注本網(wǎng)站，采購可直接聯(lián)系我們。