一直纠结前后端该怎么实现数据的交互,老想不通。关键还是基础太差,看文档不认真。
1.前端显示数据的主要代码:
display(){
Axios.get('/api/data-item').then(res=>{
console.log(res);
this.data = res.data;
})
},
res是我发送请求获取到了的结果,把res.data赋值给this.data 因为我获取到的后台数据在res.data里面,如上图。
2.后端的代码
function findAll(){
return MongoClient.connect(url).then(db=>{
var dbo = db.db('dop');
return dbo.collection("dataItems").find().limit(5)
.toArray() //这里的toArray当不传入回调函数时, 返回的是个Promise
.catch(ex=>{
throw ex;
});
});
}