uniapppost请求,uniapp请求拦截

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

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