简易的图书管理系统案例,使用node提供后台接口,模拟链接数据库
axios如果直接进行接口调用,会比较麻烦,以下方法可以简化代码,增强可读性
1.设置基准路径
axios.defaults.baseURL = 'http://localhost:3000/';
2.设置拦截器简化查询数据方法
不设置拦截器时,查询数据按如下方法实现
queryData: async function(){
// 调用后台接口获取图书列表数据
var ret = await axios.get('books');
this.books = ret.data;
}
}
mounted中:
mounted: function(){
this.queryData();
}
在代码上方加入axios过滤器:
axios.interceptors.response.use(function(res){
return res.data;
}, function(error){
console.log(error)
});
可以简化queryData中的代码,直接写为
queryData: async function(){
this.books = await axios.get('books');
}