使用promise封装uni.request

最新推荐文章于 2023-07-25 22:23:55 发布
最新推荐文章于 2023-07-25 22:23:55 发布
阅读量408 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nanxun201314/article/details/117059883
版权

首先在项目根目录下创建一个request文件夹

文件夹里创建一个request.js文件，用来封装uni.request

如图：
在这里插入图片描述

然后进行封装
在这里插入图片描述

创建一个promise对象，调用uni.request()内置api，返回成功或失败数据，将请求数据所需地址、参数、请求类型作为形参

封装过后导出，并在根目录下的main.js文件中全局引入且挂载到vue原型上，由此一来，每个页面都可以调用

如图：
在这里插入图片描述

在需要调用该请求的页面，推荐在method中，使用async和await，同步化封装请求事件，方便调用及链式书写

墨·漓
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uni.request.zip
09-25
本压缩包"uni.request.zip"聚焦于uni-app中的一个关键功能：`uni.request`的封装，这是一个用于进行网络请求的重要工具。这个封装不仅简化了接口调用的过程，还提供了全局方法和变量配置，使得开发过程更加高效和...
使用Promise对uni.request进行封装
SilentLand的博客
11-03 3311
为什么需要封装 想用Promise，而uni.request并不返回Promise 请求方法逻辑类似，可以写一个公共的请求方法 封装 原方法 // 轮播图请求 getSwiperdata() { this.request() }, // 公共请求方法 request() { uni.request({ url: 'https://www.uinav.com/api/public/v1/home/swiperdata',
【uniapp&微信小程序】封装uni.request()
热门推荐
Ghmin的博客
02-27 1万+
在项目开发过程中，往往需要对请求进行二次封装，这篇文章将对uni.request()进行二次封装，并实现多个环境的请求配置，对请求方式，数据格式等进行封装，将请求做到最简化。可以看到，封装之后的请求已经非常精简，配置好各个环境地址，根据请求方式，数据格式，选择对应的封装方法即可。
利用ES6新增语法Promise对uni.request请求的简单封装。
m0_62154751的博客
09-29 655
利用ES6新增语法Promise对uni.request请求的简单封装。
使用Promise封装uni.request请求
weixin_45841604的博客
03-30 476
使用Promise封装uni.request请求 在项目下创建https文件夹 其中baseUrl.js存放的是基础路径 const baseUrl = 'https://xxx.xxx.xx.com'; const imgUrl ='https://xxxx.xxxx.com'; export { baseUrl,// 基础路径地址 imgUrl,//图片查看地址 }; request.js import { baseUrl } from './baseUrl.js' export func
uni-app 基于 Promise 的 request 请求封装
weixin_43066287的博客
10-22 1083
uni-app 基于 Promise 的 request 请求封装
uni-app封装请求完成示例项目
11-02
3. **错误处理统一**：使用Promise对uni.request进行封装，可以更方便地进行结果处理和错误捕获。Promise使得异步操作更加直观，同时可以链式调用，使得错误处理更加优雅。 4. **提高效率**：统一的请求管理可以更好...
uniapp-request.zip-Promise方式封装uniapp请求
06-24
在IT行业中，开发人员经常需要处理网络请求，以...这个名为"uniapp-request.zip"的压缩包可能包含了上述封装好的uniapp请求模块，供开发者直接导入和使用。在实际项目中，这样的封装可以大大提高开发效率和代码质量。
网络请求封装api.rar
07-20
在uni-app中，通常使用uni.request()方法进行网络请求，但为了使代码更具有可读性和可维护性，开发者会将这些常用操作封装为单独的函数，例如`getApi()`、`postApi()`等，这样在实际项目中只需调用封装好的API，而...
Uniapp使用封装好的接口
09-24
"Uniapp使用封装好的接口"这个主题涉及到的是如何在uni-app项目中高效地利用预先封装好的API接口进行数据交互和功能实现。 首先，我们需要理解什么是接口封装。接口封装是将复杂的网络请求操作隐藏在一组简单的函数...
uniapp封装request请求
最新发布
fukua007的博客
07-25 734
【代码】uniapp封装request请求。
使用promise实现uni-app request()封装
weixin_57980280的博客
05-20 420
使用promise实现uni-app request()接口的封装，只需一下几步： 1.在根目录下创建request文件夹，并创建request.js文件，用来封装uni-app request。 2.在request.js中进行接口封装 module.exports = { request(url,method,data){ return new Promise((resolve,reject)=>{ uni.request({ url:'http://api.intewl.c
基于Promise封装uni-app的request方法，实现类似axios形式的请求
weixin_33785972的博客
01-23 5380
2019独角兽企业重金招聘Python工程师标准>>> ...
promise封装uniapp中的uni.request
fightte的博客
09-27 379
简介 在uniapp项目中，封装request请求，来实现代码的重用性。 ~ uni.request发包： 常规操作： uni.request({ url:"http://www.xxxxxx.com/xxx.php", data:{ username:username, passwd:passwd }, header:{ 'content-type': 'application/x-www-form-urlencoded'
uniapp封装request请求（使用Promise封装）
旭哥的博客
06-08 7562
一、uniapp封装request请求 BASE_URL为服务器请求地址 uni.request(OBJECT) 发起网络请求 uni.showToast(OBJECT) 显示消息提示框 1、具体代码如下 const BASE_URL = 'http://47.95.12.147:8082' export const myRequest = (options) => { return new Promise((reslove, reject) => { uni.request(
uni-app项目之 请求的二次封装
weixin_43845137的博客
04-22 939
目录uni-app项目之 请求的二次封装utils / app.js挂载全局 main.js uni-app项目之 请求的二次封装 utils / app.js // 对请求的 二次封装 const baseUrl = "http://localhost:9999"; export const myHttp = (options) => { return new Promise(( resolve, reject )=>{ uni.request({ url:baseUrl +
uniapp封装request请求简洁明了（使用Promise封装）
zhaosisi0922的博客
11-12 2558
uniapp封装request请求简洁明了（使用Promise封装） 1、baseUrl为服务器请求地址 2、uni.request(OBJECT) 发起网络请求 3、uni.showToast(OBJECT) 显示消息提示框 第一步 在utils文件下创建 request.js文件、封装promise 直接上代码 const baseUrl = 'https://xxxxxxxx.com'; //服务器请求地址 //封装 Promise组件 export function request(options
使用ts文件封装uni.request
04-02
在函数内部，使用Promise封装uni.request方法，通过success和fail回调函数来判断请求是否成功，并返回相应的结果或错误信息。 使用时，可以这样调用： ```typescript import request from '@/utils/request'; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值