uniapppost请求,uniapp请求拦截
uniapp发起请求的方法:1、使用【uniapp.request({})】方法;2、使用【这个. axios({})】方法,代码为【这个axios({method: get ,url: this .$ API /Test ]。
单一应用程序开发(仿饿了么)开发课程:进入学习
本教程操作环境:windows7系统、uni-app2.5.1版本、thinkpad t480电脑。
推荐(免费):uni-app开发教程
uniapp发起请求的方法:
1、使用uniapp.request({})方法
uni.request({
uni.request({
网址:这个 API /测试/学生/测试,
标题:{
content-type : application/x-www-form-urlencoded //自定义请求头信息
},
//请求成功后返回
成功:(res)={
//请求成功之后将数据给信息
if(res.statusCode===200)
{
自我Info=res.data
}
}
});2、使用this.$axios({})方法
这个. axios({
方法:“得到”,
网址:这个 API /测试/学生/测试
//数据:{
//用户名:局域网,
//密码:"123"
//},
})。然后(函数(资源){
if (res.data.code===1234) {
自我Info=res.data
}
})。接住(函数(错误){
console.log(error.statusCode)
})this.a p i,this.a p i,this.a p i,this.axios要在主页。射流研究…当中注册为全局变量
vue。原型。$ API= http://192。168 .2 .114:8099
vue。原型。$ axios=axios完整示例代码:
模板
view class=content
跨度用户名:/span
input class= username type= text :value= username placeholder=请输入用户名 /
视图class=
button type= default @ click= getInfo()测试/按钮
{{ Info }}
/查看
/查看
/模板
脚本
导出默认值{
data() {
返回{
信息: ,
用户名: 工程师,
密码:""
}
},
方法:{
getInfo() {
//var self=this;
//uni.request({
//url:这个 API /测试/学生/测试,
//头:{
// content-type : application/x-www-form-urlencoded //自定义请求头信息
//},
////请求成功后返回
//成功:(res)={
////请求成功之后将数据给信息
//if(res.statusCode===200)
//{
//自己Info=res.data
//}
//}
//});
var self=this
这个. axios({
方法:“得到”,
网址:这个 API /测试/学生/测试
//数据:{
//用户名:局域网,
//密码:"123"
//},
})。然后(函数(资源){
if (res.data.code===1234) {
自我Info=res.data
}
})。接住(函数(错误){
console.log(error.statusCode)
})
}
}
}
/脚本
风格。跨度{
宽度:30px
}。用户名{
边框半径:10px
边框:2rpx固体# 007aff
宽度:80px
填充:10px
}
/风格
!-模板
p用户名:/p
输入类型=text placeholder=请输入用户名值=/
/模板
脚本/脚本
风格/风格-相关免费学习推荐:编程视频
以上就是uniapp怎么发起请求的详细内容,更多请关注我们其它相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。