DEV Community

loading...

Vue.js + Node.js/Express RestAPIs – Mongoose ODM + MongoDB CRUD example

loizenai profile image loizenai ・2 min read

https://grokonez.com/frontend/vue-js/vue-js-node-js-express-restapis-mongoose-orm-mongodb-crud-example

Vue.js + Node.js/Express RestAPIs – Mongoose ODM + MongoDB CRUD example

In this tutorial, we show you Vue.js Http Client & Node.js Server example that uses Mongoose ODM to do CRUD with MongoDB and Vue.js as a front-end technology to make request and receive response.

Related Posts:
Crud RestAPIs with NodeJS/Express, MongoDB using Mongoose
Vue Router example – with Nav Bar, Dynamic Route & Nested Routes

Technologies

– Node.js/Express
– Mongoose

– Vue 2.5.17
– Vue Router 3
– Axios 0.18.0

  • MongoDB

    Overview

    This is full-stack Architecture:

Vue-nodejs-express-restapi-mongoose-mongodb-full-stack-architecture

1. Node.js Server

vue-nodejs-express-restapi-mongoose-mongodb---nodejs-backend-mysql-architecture

2. Vue.js Client

vue-nodejs-express-restapi-mongoose-mongodb---front-vue.js

Practice

1. Node.js Backend

  • Project structure:

vue-nodejs-express-restapi-mongoose-mongodb---nodejs-project-structure

Setting up Nodejs/Express project

Init package.json by cmd:

More at:

https://grokonez.com/frontend/vue-js/vue-js-node-js-express-restapis-mongoose-orm-mongodb-crud-example

Vue.js + Node.js/Express RestAPIs – Mongoose ODM + MongoDB CRUD example

Discussion (0)

Forem Open with the Forem app