1.util-util.js

//封裝接口 let baseURL = 'http://127.0.0.1:3000/'; //接口路徑 let request = function (url, options = {}) {let myUrl = `${baseURL}${url}`;// 處理method,data,params=> 查詢字符串// 如果有請求頭// 合并對象data// 如果params 添加查詢字符串參數//接口的參數if (options.params) {let urlQueryString = qs.stringify(options.params, { //使用到qs ,先下載，后引入addQueryPrefix: true,allowDots: true, });myUrl += urlQueryString;}return new Promise((resolve, reject) => {wx.showLoading({title: '玩命加載中...',});wx.request({method: 'get',url: myUrl,success: resolve,fail: reject,complete: wx.hideLoading,...options //直接展開});}); }

　　2.引入qs

const qs= require('../static/js/qs.js');

3.將這個接口暴露出去

module.exports = {formatTime: formatTime,request:request }

　4.在app.js引進工具對象，便于其他頁面使用

const { request, formatTime }=require('./utils/util.js'); //向外提供屬性 globalData: {userInfo: null,formatTime,request}

5.先 在請求的頁面引入，使用 async? await

引入

//解構賦值 const { request } =getApp().globalData;

使用 async? await

let swipe = await request('slides', {method: 'get',params: {a: 1, b: 2},});

?

轉載于:https://www.cnblogs.com/guangzhou11/p/10056994.html

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

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

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