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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。