uniapp封装ui.request,uniapp接口请求封装

　　uniapp封装请求请求的方法：首先项目下新建普通文件夹，再创建【request.js】文件；然后打开【request.js】文件，开始写封装的代码；最后通过承诺异步请求，最后导出方法。

　　单一应用程序开发（仿饿了么)开发课程：进入学习

　　本教程操作环境：windows7系统、uni-app2.5.1版本、thinkpad t480电脑。

　　推荐（免费）：uni-app开发教程

　　uniapp封装request请求的方法：

　　1、项目下新建普通文件夹，再创建请求。射流研究…文件

　　2、打开请求。射流研究…文件，开始写封装的代码

　　思路很简单

　　定义域名：baseUrl

　　定义方法：api

　　通过承诺异步请求，最后导出方法。

　　请求。射流研究…参考代码如下

　　const base URL= https://unidemo。d云。网。 cn

　　const request=(url= ，date={}，type=GET ，header={

　　})={

　　返回新承诺((解决，拒绝)={

　　uni.request({

　　方法：类型，

　　url: baseUrl url，

　　数据：日期，

　　表头：表头，

　　数据类型： json ，

　　}).然后((响应)={

　　setTimeout(function() {

　　大学。隐藏加载()；

　　}, 200);

　　let [error，RES]=response；

　　解决(研究数据)；

　　}).接住(错误={

　　让[err，RES]=错误；

　　拒绝（错误)

　　})

　　});

　　}

　　导出默认请求3,在主页。射流研究…全局注册

　　从" common/request.js "导入请求

　　Vue.prototype.$request=请求

　　4、页面调用

　　这个请求(/api/news ，{

　　//传参参数名：参数值，如果没有，就不需要传

　　}).然后(res={

　　//打印调用成功回调

　　console.log(res)

　　})页面调用的索引。某视频剪辑软件

　　模板

　　视角

　　uni-list v-for=(item，index)in product list :key= index

　　uni-list-item:title= item。 author _ name :note= item。标题/单一列表项

　　/uni-list

　　/查看

　　/模板

　　脚本

　　从" @/components/uni-list/uni-list。vue "导入单一主义者

　　从" @/components/uni-list-item/uni-list-item。vue "导入单一项目

　　导出默认值{

　　组件：{

　　uniList，

　　单一项目

　　},

　　data() {

　　返回{

　　产品列表：[],

　　};

　　},

　　onLoad() {

　　这个。getlist()；

　　},

　　方法：{

　　getList() {

　　这个请求(/api/news ，{

　　//传参参数名：参数值，如果没有，就不需要传

　　//用户名:约翰，

　　//key: this.searchValue

　　}).然后(res={

　　//打印调用成功回调

　　console.log(res)

　　this.productList=res

　　})

　　},

　　}

　　}

　　/脚本

　　风格

　　/风格相关免费学习推荐：编程视频

　　以上就是uniapp如何封装请求请求的详细内容，更多请关注我们其它相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。