首先已经创建好了 Vue 框架,安装好了 node.js。
没有完成的可按照此博客搭建:搭建Vue项目
之后打开终端,使用命令。
1、命令安装 axios 和 vue-axios
npm install axios --save
npm install vue-axios --save
2、package.json 查看版本
在 package.json 文件里可查看下载好的依赖版本。
3、在 main.js 完整引入
import axios from 'axios'
import VueAxios from 'vue-axios'
// VueAxios 与 axios 的位置不能交换,否则出现 TypeError: Cannot read property 'protocol' of undefined
Vue.use( VueAxios , axios)
4.使用
初始化方法:
methods:{
getList(){
this.axios.get('http://localhost:8000/user/getList',{
params:{
page:this.query.page,
size:this.query.size,
name:this.query.name
}
}).then((resp)=>{
console.log(resp);
this.tableData = resp.data.content.list;
this.total = resp.data.content.total;
})
},
}