uniapp 封装uni.request请求

最新推荐文章于 2025-06-11 16:47:12 发布

一麻袋小猫

最新推荐文章于 2025-06-11 16:47:12 发布

阅读量442

点赞数

CC 4.0 BY-SA版权

分类专栏：工具文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/Zmongo/article/details/109111887

工具专栏收录该内容

31 篇文章

订阅专栏

该代码段展示了如何在uni-app中封装一个网络请求函数，支持GET和POST方法，并从本地存储中获取token进行请求头设置。在请求成功时返回数据，失败时展示错误信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

module.exports = (params) => {
		let baseUrl = "http://jzapi.56gou.com/api/v1"
		let url = baseUrl + params.url;	
		let method = params.method;	
		let header = params.header || {};	
		let data = params.data || {};
		//封装token
		header = {'token': uni.getStorageSync('token')}
		//	请求方式 GET POST
		if	(method) {
			method = method.toUpperCase();	//	小写转大写
			if (method == "POST") {
				header = {"content-type":"application/x-www-form-urlencoded",'token': uni.getStorageSync('token')}
			}
		}
		return new Promise((reslove, reject) => {
			//	发起网络请求
			uni.request({
				url:url,
				method:method || "GET",
				header:header,
				data:data,
				dataType:"json",
				sslVerify:false,	//	是否验证ssl证书
				success: res => {
					reslove(res.data)	
				},
				fail: err => {
					uni.showModal({
						content:err.msg
					})
					reject(err.data)
				},
				complete: (e) => {
					return;
				}
			})
		})
	}

使用
在这里插入图片描述