前言
最近做计算机专业设计,学习了一下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