uniapp接口二次封装

最新推荐文章于 2024-05-22 10:53:16 发布

过往未来。

最新推荐文章于 2024-05-22 10:53:16 发布

阅读量285

点赞数 1

文章标签： uni-app 前端

本文链接：https://blog.csdn.net/fgnja145123/article/details/132188481

版权

本文介绍了如何在uni-app项目中进行接口的二次封装，通过安装axios库，创建api文件夹和js文件，实现接口调用的统一管理和方便引用。

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

1、安装axios

npm install --save axios

2、在项目文件根目录中创建一个api文件夹、在文件夹中创建一个.js文件

const https = "接口地址"

const request = (url, method, data) => {
	let _url = https + url;
	return new Promise((resolve, reject) => {
		uni.request({
			url: _url,
			method: method,
			data: data,
			success: request => {
				return resolve(request.data)
				switch (request.data.code) {
					case 200:
						resolve(request.data)
						break;
					case 401:
						// tip('登录过期,请重新登录', 600)
						setTimeout(() => {
							relaunchLogin()
						}, 600)
						break;
					case 500:
						// tip(request.data.msg)
						resolve(request.data)
						break;
				}
			},
			fail(error) {
				reject(error)
			},
			complete(res) {}
		})
	})
}

Promise.prototype.finally = function(callback) {
	var Promise = this.constructor;
	return this.then(
		function(va