首页 > 技术文章 > Vue中Axios从后台读取数据的方法

633Xcc 2022-01-01 23:00 原文

学习 Axios 调用数据接口

安装axios

npm i axios --sava save的意思是打包到生产环境中
可以在depandencies 中查看是否安装成功

引入axios

import axios from 'axios'

调用接口

这里我们调用静态结构,写在public中的list.json中,在vux容器中的action异步调用数据
getList(context){
axios.get('/list.json')
//then获取成功;response成功后的返回值(对象)
.then(({data})=>{
console.log(data);
context.commit('initList',data)
})
//获取失败
.catch(error=>{
console.log(error);
alert('网络错误,不能访问');
})
},

推荐阅读