wx.request请求封装（微信小程序/uni-app）

最新推荐文章于 2025-09-26 21:07:02 发布

原创

最新推荐文章于 2025-09-26 21:07:02 发布 · 5.8k 阅读

25 ·

CC 4.0 BY-SA版权

文章标签：

#wx.request封装 #post #get #uni-app #微信小程序

距离做完项目很久了，腾出点时间，记录下。为了提高效率与可维护性，对其进行了一个简单的封装~

一、目录结构

二、三步骤

1、第一层封装（config.js）

分别针对get与post进行一个公共wx.request请求的封装；每个方法传了2个参数,url与data;

url:接口地址,
data:请求的参数,


const commonUrl ="https://ceshi.com/up/"  //公共路径

// post请求封装
function postRequest(url, data) {
	var promise = new Promise((resolve, reject) => {
		var that = this;
		var postData = data;
		uni.request({
			url: commonUrl + url,
			data: postData,
			method: 'POST',
			header: {
				'content-type': 'application/x-www-form-urlencoded',
				'token': uni.getStorageSync("token")
			},
			success: function(res) {
				// 此处的code=0，只是个举例，有的可能是1等其他的，具体的看后台决定；
                //res.data.data也根据自己的后台返回层级决定，