小程式封裝request請求

2022-08-21 11:33:11 字數 1167 閱讀 3793

為了減少**量 以及方便後期的維護 ,把小程式中的request請求封裝起來是很有用的

module.exports=,

//生產環境

prod:,

//測試環境

test:

}

const  = require('./env.js').prod

//封裝ajax

const vipurl='專屬網域名稱'

module.exports=,issubdomain=true) /$/$`;

//資料請求成功前的loading載入

wx.showloading()

//promise封裝request

return new promise((resolve,reject)=>,

success(res)else )

reject('介面有問題,請檢查')}},

fail(error) )

reject('資料介面有問題')}})

})}

}

const =require('./request.js');

//專案中用到的各種業務介面的封裝

module.exports=,

//banner圖介面

getbanner:()=>{},

//商品詳情介面

getdetail:(id)=>,true)

},//其他介面....

}

//通過結構賦值的方式~

})})

小程式封裝request請求和vue封裝axios請求的思想其實是一樣的 主要都是通過promise來實現的,網路請求是專案中必不可少的,其封裝的思想一定要知道的!

每天乙個小知識點,一點一點的成長,加油!

小程式網路請求request封裝

4 總結 api.js 中統一存放後台api介面,方便管理。測試位址 const apirooturl module.exports get請求封裝 function get url,data post請求封裝 獲取首頁資料 getindexpagerdata function 此處為使用封裝的po...

小程式 封裝request請求 優化版

在util.js中加入以下 封裝request請求 const sendrequest url,method get data contenttype success function res else break case 402 showtext 該使用者賬號被凍結 none break cas...

微信小程式request請求的封裝

目錄4,實際使用 wx.request header success res 作為乙個合格的前端開發,為了 質量和優雅度 其實是因為懶 避免不了封裝一些重複 和功能,來使開發過程更加酣暢淋漓。專案中,wx.request的很多引數都是固定的,只需要改變data的值,而一般我們的邏輯處理都是在wx.r...