首先安装 :npm install axios --save
vue源码:
<script>
import axios from '@/axios' //导入axios
export default {
data() {
return {
List:[], //返回的数据
};
},
mounted() {
this.getList(); //刷新页面自动调用这个方法
},
methods: {
getList: function() { //定义方法
axios({
method: 'post', //请求方式是post
url: '/basic/user/getListByData', //这是后台的接口
data: { //向后台传送的数据,传送的数据要传送后台需要用的数据
data1: value,
data2: value,
data3: value,
}
}).then(res => {
if (res.data.status == "OK") { //如果后台接口响应成功
this.List = res.data.data.list; //获取后台返回的数据并赋值给list,我获取的是一个数组,
//res.data.data.list:这个随自己的数据不同而改变,不是固定的
console.log(this.List); //在控制台打印
}
});
},
},
};
</script>
获取的输入如图打印在控制台: