微信小程序跟支付寶小程序都提供了一個(gè)發(fā)起 HTTPS 網(wǎng)絡(luò)請(qǐng)求的方法request，那么為了節(jié)省一些操作我們有必要對(duì)它進(jìn)行一個(gè)二次的封裝

1.在app.js里 配置baseUrl

// 注冊(cè)一個(gè)小程序，小程序的入口方法 App({config:{baseUrl:'https://locally.uieee.com/'} })

2.根目錄下新建network文件夾如下圖：

3.在api.js里面

// 對(duì) wx.request 二次封裝// 獲取全局對(duì)象，然后進(jìn)行全局變量和全局方法的使用 const app = getApp();module.exports = (url, data, method = 'get', header = {}) => {// loading動(dòng)畫 數(shù)據(jù)加載之前wx.showLoading({title: '稍等一會(huì)哦',mask: true, //透明蒙層})// return new Promise((resolve, reject) => {//拼接地址wx.request({url: app.config.baseUrl + url,data,method,header,dataType: 'json',success: resolve,fail: reject,//結(jié)束loading動(dòng)畫complete: wx.hideLoading})}) }

4.頁面中使用
引入

const request = require('../../network/api') //輪播請(qǐng)求request('/slides').then(res => {console.log(res);})

并發(fā)請(qǐng)求

// 輪播請(qǐng)求// icon 請(qǐng)求Promise.all([request('/slides'),request('/categories')]).then(result => {this.setData({iconList: result[1].data,swiperList: result[0].data,loading: false});}) 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的微信小程序 对request方法二次封装的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。