uniapp接口二次封装

最新推荐文章于 2024-06-29 08:45:00 发布

原创

最新推荐文章于 2024-06-29 08:45:00 发布 · 382 阅读

标签

#uni-app #前端

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

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(value) {
			Promise.resolve(callback()).then(
				function

最低0.47元/天解锁文章