vue( axios )node mongodb 读取数据库

来源:互联网 发布:linux execl函数作用 编辑:程序博客网 时间:2024/05/23 05:08

今天做项目,前端框架用的是vue,需要读取后端数据库,我的后端是用node搭建的服务器,数据库用的是mongodb,

我用的是axios用于读取数据库,首先搭建好后端数据库路由,然后在前端组件中获取数据库,首先需要下载axios插件

例如:order.vue组件里,

js代码:

import axios from 'axios';

export default{

 name:'order',

 data(){

  return{

   orders:[]

    }

   },

  mounted(){

  axios.get("后端数据库路由地址").then((va)=>{

    this.orders=va.data;

    console.log(va.data);

   })

  }

}

html代码:

<ul>

  <li v-for="item in orders">{{item}}</li>

</ul>


原创粉丝点击