Vue框架引入Axios

首先已经创建好了 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; }) }, }