uni-app request封装

最新推荐文章于 2024-04-25 14:03:47 发布

原创最新推荐文章于 2024-04-25 14:03:47 发布 · 187 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#uni-app #request

收录于

本文介绍了一个使用 Vue.js 的 Promise 风格的 HTTP 请求封装函数 request，它简化了在 Web 应用中进行 API 调用的过程。通过展示如何设置 URL、方法、数据格式以及处理成功和失败响应，本文为开发者提供了一种高效处理网络请求的实践方式。

const baseURL = "https://wj.xhzrzdb.com/api/"
export const request = (options) => {
	return new Promise((resolve, reject) => {
		uni.showLoading({
			title: '加载中',
			mask: true
		});
		uni.request({
			url: baseURL + options.url,
			method: options.method || 'GET',
			data: JSON.stringify(options.data) || {},
			header: options.header || {
				"content-type": 'application/x-www-form-urlencoded'
			},
			success: (res) => {
				if (res.statusCode === 200||res.statusCode=='ok') {
					resolve(res)
				} else {
					console.log(res)
				}
			},
			fail: (err) => {
				reject(err)
			},
			complete() {
				uni.hideLoading();
			}
		})
	})
}