uniapp请求方法封装

举报
全栈小杨 发表于 2024/11/01 20:46:15 2024/11/01
【摘要】 uniapp请求方法封装

uniapp请求方法封装

// 请求接口
const commoneUrl = "http://xxxxxxxxxx.com/";
// new 域名
 
//get请求封装
function getRequest(url, data) {
	var promise = new Promise((resolve, reject) => {
		var postData = data;
		uni.request({
			url: commoneUrl + url,
			data: postData,
			method: "GET",
			dataType: 'json',
			header: {
				'content-type': 'application/json'   
			},
			success: function(res) {
				if (res.statusCode === 200) {
					resolve(res.data);
				} else {
					resolve(res.data)
				}
			},
			error: function(e) {
				reject('网络出错');
			}
		});
	});
	return promise;
}
 
//post请求封装
function postRequest(url, data) {
	var promise = new Promise((resolve, reject) => {
		var postData = data;
		uni.request({
			url: commoneUrl + url,
			data: postData,
			method: 'POST',
			// withCredentials:true,
			header: {
				'content-type': 'application/x-www-form-urlencoded',
				// "Authorization":'22'
			},
			success: function(res) {
				
				// console.log(res);
				if (res.statusCode === 200 && res.data.resultCode == 0) {
					resolve(res.data);
				} else {
					resolve(res.data)
				}
			},
			error: function(e) {
				reject('网络出错');
			}
		})
	});
	return promise;
}
 
 
 
 
//post请求封装
function postHeaderRequest(url, data) {
	var promise = new Promise((resolve, reject) => {
		var postData = data;
		uni.request({
			url: commoneUrl + url,
			data: postData,
			method: 'POST',
			header: {
				'content-type': 'application/json',
				'Authorization': 'Bearer ' + postHeader
			},
			success: function(res) {
				if (res.statusCode === 200 && res.data.resultCode == 0) {
					resolve(res.data);
				} else {
					resolve(res.data)
				}
			},
			error: function(e) {
				reject('网络出错');
			}
		})
	});
	return promise;
}
 
module.exports = {
	postRequest,
	postHeaderRequest,
	getRequest,
	commoneUrl
}

mian.js全局挂载

// 请求方法
import http from './utils/request.js'
 
Vue.prototype.$http = http

页面调用 举例

// 收藏
			collectFun() {
				let id = this.shopInfo.goods_id
				const url = 'Goods/collect_goods';
				let bodyParam = {
					openid: this.$store.state.openid,
					goods_id: id
				}
				this.$http.postRequest(url, bodyParam).then(res => {
					// console.log(res);
					if (res.status === 1) {
						this.$uti.total(res.msg)
						this.shopBox(id)
					}
					if (res.status === 2) {
						this.$uti.total(res.msg)
						this.shopBox(id)
					}
				})
			},
【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。