vue中的axios请求（get与post）

安装axios

npm install axios --save-dev

随着axios的安装，qs随之也就安装好了，在main.js入口文件中引用,使用post请求要用到qs。

//axios安装好后即可导入
import axios from 'axios';
import qs from 'qs';
//将$axios和qs挂在原型上，方便在实例中能够使用用this.$axios
Vue.prototype.$axios=axios;
Vue.prototype.qs=qs;

• 利用get请求接口

/*不带参数*/
let url="url地址";
this.$axios.get(url).then((res)=>{
	//res.data - 接收服务器返回的数据
})
/*带参数*/
let url="url地址";
let data={
	params:{
	//参数列表： 参数名:参数值
	}
}
this.$axios.get(url,data).then(res=>{
	/*调取成功后返回的数据*/
})

• 利用post请求接口

/*第一种*/
let url="url地址";
let data={
//参数列表： 参数名:参数值
}
this.$axios.post(url,this.qs.stringify(data)).then(res=>{
	/*调取成功后返回的数据*/
})

/*第二种*/
let url="url地址";
let data=`参数名=${参数值}`;
this.$axios.post(url,data).then(res=>{
	/*调取成功后返回的数据*/
})