首页 > 移动平台 > 详细

VUE中发送ajax请求-axios

时间:2020-03-12 00:08:10      阅读:90      评论:0      收藏:0      [点我收藏+]

axios是Vue中专门发送ajax请求的函数库,axios是基于promise的函数,服务端返回的结果保存在then的result的data中

如何使用:

(1)引入axios.min.js文件

注意:

①由于项目中很多地方都要发送ajax请求,所以应该先配置所有url的基础路径:

axios.default.baseURL="http://服务器域名:端口号",后面的请求url只写相对url就行了

②new Vue不希望使用外部的全局变量,所以,将来Vue可能用到的东西,都要放在Vue的原型对象中,在new Vue内,通过this.xxx()方式使用

所以可以将axios对象添加到Vue家中的原型对象中:

Vue.prototype.axios=axios;

由于new Vue()是Vue原型对象的子,所以虽然当前new Vue()没有axios,但是妈妈的原型对象有,所以可以直接使用

(2)发送get请求:

this.axios.get("相对url",{

  params:{

    请求参数:值,

    ...

  }

}).then(res=>{

  console.log(res.data);

});

(3)发送post请求

***参数放在字符串中发送

this.axios.post("相对url","请求参数1:值1,请求参数2:值2,......")

.then(res=>{

  console.log(res.data);

});

 

VUE中发送ajax请求-axios

原文:https://www.cnblogs.com/codexlx/p/12466225.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!