简单封装uniapp请求

闲来无事写了一个小demo,简单封装了一下unapp的请求

export function request(params) {
 	const methodsMap = ['get', 'post', 'put', 'patch', 'delete', 'update']//可自定义methods规则
 	const {url,method,data,config} = params;
	let errorMessage = ""
 	switch (true) {
 		case url === "": errorMessage = "url不能为空";break;
 		case methodsMap.indexOf(method) === -1:errorMessage = "method错误";break;
 	}
	if(errorMessage!="") throw(errorMessage)
 	const baseURL = "http://localhost:1888"
 	return new Promise((resolve, rejects) => {
 		uni.request({
 			url: baseURL + url,
 			header: {
 				authorization: ""
 			},
 			method:method,
 			data:data,
 			config:config,
 			success(res) {
				if(res.data.code!==200)rejects(res.data)
 				resolve(res.data)
				
 			},
 			fail(res) {
 				rejects(res.data)
 			}
 		})
 	})
 }

request函数返回一个promise,请求接口可以这样写

export function getList(data) {
 	return request({
 		url: "/user/list",
 		method: 'get',
		data
 	})
 }

在代码中直接使用就ok

import {getList} from "../../utils/request.js"
try{
    const res = await getList({length:10})
	console.log(res);
}catch(e){
	console.log(e.message);
}

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值