VUE中发送ajax请求-axios

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);

});

猜你喜欢

转载自www.cnblogs.com/codexlx/p/12466225.html