Uniapp请求封装

最新推荐文章于 2024-10-09 10:10:46 发布

80岁小姑娘

最新推荐文章于 2024-10-09 10:10:46 发布

阅读量149

点赞数

分类专栏： UniApp 文章标签： uni-app 前端 javascript

本文链接：https://blog.csdn.net/m0_65884481/article/details/133789238

版权

UniApp 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

本文介绍了如何在Vue.js应用中创建一个名为method.js的文件，封装uni.request用于发送GET和POST请求。通过export导入到其他页面，并展示了如何在页面间异步调用该函数处理网络请求。

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

1、创建一个文件夹并创建名称为method.js文件

2、将下面代码放入进去

// 请求体封装
function request(url, method = "GET", data = {}) {
	// if (!uni.getStorageSync('userid')) {
	// let pages = getCurrentPages();
	// let currentPage = pages[pages.length - 1];
	// if ("pages/login/login" != currentPage.route) {
	// 	wx.navigateTo({
	// 		url: "/pages/login/login"
	// 	})
	// }
	// return false;
	// }
	wx.showLoading({
		title: "加载中..."
	});
	return new Promise((resolve, reject) => {
		uni.request({
			url: url, 
            // header: {  
            //     'content-type': 'application/x-www-form-urlencoded'  
            // }, 
            // sslVerify:false, 
			data: data,
			method: method,
			success: function(res) {
				res.statusCode === 200 ? resolve(res.data) : reject(res.data)
				uni.hideLoading();
			},
			fail: function(res) {
				console.log(res)
				uni.showToast({
					title: '网络错误',
				})
			}
		})
	})

}
export {
	request
}

3、在其他页面引用


	import { request } from '../../utils/method.js';

4、使用

				request(urls, 'get',
				{startdate:_this.startDates
				,enddate:_this.endDates
				,usertype:_this.usertype
				,userid:_this.userid
				,sid:_this.mhcx}).then(res => {
						
				});