ToB企服应用市场:ToB评测及商务社交产业平台

标题: Vue框架引入Axios [打印本页]

---

作者: 张裕    时间: 2024-8-5 14:47
标题: Vue框架引入Axios
首先已经创建好了 Vue 框架，安装好了 node.js。
没有完成的可按照此博客搭建：搭建Vue项目
之后打开终端，使用命令。
  1、命令安装 axios 和 vue-axios

1. npm install axios --save
2. npm install vue-axios --save

复制代码

2、package.json 查看版本

在 package.json 文件里可查看下载好的依靠版本。

3、在 main.js 完备引入

1. import axios from 'axios'
2. import VueAxios from 'vue-axios'
3. // VueAxios 与 axios 的位置不能交换，否则出现 TypeError: Cannot read property 'protocol' of undefined
4. Vue.use( VueAxios , axios)

复制代码

4.使用

初始化方法：

1. methods:{
2.         getList(){
3.                 this.axios.get('http://localhost:8000/user/getList',{
4.                         params:{
5.                                 page:this.query.page,
6.                                 size:this.query.size,
7.                                 name:this.query.name
8.                         }
9.                 }).then((resp)=>{
10.                         console.log(resp);
11.                         this.tableData = resp.data.content.list;
12.                         this.total = resp.data.content.total;
13.                 })
14.         },
15. }

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4