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