uniapp中request请求封装

本文介绍了在uniapp中如何进行request请求的封装,旨在简化代码并提高可维护性。作者首先创建了utils文件夹内的request.js,用于基础请求封装。接着,为了更好地管理和修改接口,进行了API的封装,通过创建api文件夹来存放不同功能的API文件,例如accountApi.js。文章以用户登录请求为例,展示了具体实现过程,并提醒读者文件上传时应分开处理以避免问题。
摘要由CSDN通过智能技术生成

前言

最近做计算机专业设计,学习了一下uniapp,不可避免地需要使用请求,首先接触的是uni.request请求,由于个人开发习惯,总喜欢将容易冗余的部分封装起来。所以封装了一个简单的请求。仅供参考。

操作开始

请求封装

首先在项目中创建一个utils文件夹,在这个文件夹创建一个js文件。代码如下:
文件名:request.js

// 全局请求路径,也就是后端的请求基准路径
const BASE_URL = 'http://localhost:8181'

// 同时发送异步代码的次数,防止一次点击中有多次请求,用于处理
let ajaxTimes=0;
// 数据请求封装
// 封装请求方法,并向外暴露该方法
export const myHttp = (options)=>{
   
	// 解构请求头参数
	let header = {
   ...options.header};
	// 当前请求不是登录时请求,在header中加上后端返回的token
	if(options.url != 'login'){
   
	    header["client-identity"] = uni.getStorageSync('session_id');
	}
	ajaxTimes++;
	// 显示加载中 效果
	uni.showLoading({
   
		title: "加载中",
	    mask: true,
	});
	return new Promise((resolve,reject)=>{
   
		console.log("请求地址:"+BASE_URL+options.url+",请求方式:"+options.method)
		uni
  • 4
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值