基于mpvue微信小程序 promise+wx.request 封装请求

最新推荐文章于 2024-10-05 12:27:49 发布

胖达的博客

最新推荐文章于 2024-10-05 12:27:49 发布

阅读量2.3k

点赞数 1

本文链接：https://blog.csdn.net/qq_34322905/article/details/83149699

版权

本文介绍了如何在mpvue微信小程序中利用es6-promise封装wx.request，包括安装es6-promise，创建utils文件夹和request.js，定义api.js接口，以及在main.js和页面中引用的方法。

摘要由CSDN通过智能技术生成

第一步：

在微信小程序中引入es6-promise

如果是基于mpvue框架进行微信小程序开发，只需要

npm install es6-promise

第二步：

在项目中创建一个utils文件夹，主要用来装一些用到的工具

然后再utils下面创建一个requet.js

const Promise = require('es6-promise').Promise

function wxPromisify(fn) {
	return function(obj = {}) {
		return new Promise((resolve, reject) => {
			obj.success = function(res) {
				//成功 (只返回res.data)
				resolve(res.data)
			}
			obj.fail = function(res) {
				//失败
				reject(res)
			}
			fn(obj)
		})
	}
}
//无论promise对象最后状态如何都会执行
Promise.prototype.finally = function(callback) {
	let P = this.constructor;
	return this.then(
		value => P.resolve(callback()).then(() => value),
		reason => P.resolve(callback()).the