微信小程序跟支付寶小程序都提供了一個發起 HTTPS 網絡請求的方法request，那么為了節省一些操作我們有必要對它進行一個二次的封裝

1.在app.js里 配置baseUrl

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

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

3.在api.js里面

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

4.頁面中使用
引入

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

并發請求

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。