学习 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('网络错误,不能访问');
})
},