uniapp怎么调用接口,uniapp请求后端接口数据

  uniapp怎么调用接口,uniapp请求后端接口数据

  uniapp请求接口的方法:1、使用得到请求数据,代码为【方法:获取,成功:(RES)={ }】;2、使用帖子,发送数据格式请求,代码为【方法: POST ,数据:params】。

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

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

  推荐(免费):uni-app开发教程

  uniapp请求接口的方法:

  在主页。射流研究…文件中配置:

  //vue。原型。$ base URL= http://192。168 .1 .164/API //线下接口

  vue。原型。$ base URL= https://m。演示。com/API //线上接口在演示。某视频剪辑软件页面中请求:

  得到-请求数据

  getInfo(){

  uni.request({

  url: `${this .$baseUrl}/api-demo/getDemoById?lid=$ { lid } page=$ { this。page } pagesize=$ { this。pagesize } `,//这里的盖子,页面,页面大小只能是数字或字母

  方法:“得到”,

  成功:(res)={},

  失败:(错误)={}

  })

  }注:携带在全球资源定位器(统一资源定位器)里的参数只能是数字或字母,不能是中文字符。若参数中含有中文字符,比如搜索功能,则需要将参数携带在数据中。如下:数据:参数

  表示"后":后期术后发送数据格式请求

  sendInfo(){

  让params={

  电话:this.userphone,

   name:this.username

  }

  uni.request({

  url: `${this .$baseUrl}/api-demo/send `,

  方法: POST ,

  数据:参数,

  成功:(res)={},

  失败:(错误)={}

  })

  }后-发送上传格式请求

  sendInfo(){

  让params={

  电话:this.userphone,

   name:this.username

  }

  let headers={

  content-Type : application/x-www-form-urlencoded //设置一下请求头即可

  }

  uni.request({

  url: `${this .$baseUrl}/api-demo/send `,

  方法: POST ,

  标题:标题,

  数据:参数,

  成功:(res)={},

  失败:(错误)={}

  })

  }请求接口时携带代币

  sendInfo(){

  让params={

  电话:this.userphone,

   name:this.username

  }

  let headers={

  content-Type : application/x-www-form-urlencoded ,

  Token:`this.userToken` //设置一下代币即可

  }

  uni.request({

  url: `${this .$baseUrl}/api-demo/send `,

  方法: POST ,

  标题:标题,

  数据:参数,

  成功:(res)={},

  失败:(错误)={}

  })

  }相关免费学习推荐:php编程(视频)

  以上就是uniapp怎么请求接口的详细内容,更多请关注我们其它相关文章!

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

留言与评论(共有 条评论)
   
验证码: