vue koa demo

vue-koa-demo

A novice who came into contact with the full stack for the first time made a small demo that has been deployed online.

Project Description

• UI：Element
• Front-end framework: Vue
• Backend framework: Koa
• Database:Mongodb
• Deployment: PM2

Branch description

• master: front-end and back-end separation branches
• ssr: Vue server-side rendering branch

Project related blogs

• Node environment construction in Alibaba Cloud CentOS environment

• A front-end and back-end separation project deployment practice

• A first look at Vue SSR

Online preview

vue-koa-demo

Install

git clone [email protected]:MrElvin/vue-koa-demo.git

front end

cd vue-koa-demo && npm install

rear end

cd vue-koa-demo/server && npm install

mongodb database

In order to run the project locally, you need:

1. Create a database named vue_koa_todos in the mongodb database
2. Modify the link command in server/routes/index.js , uncomment the ninth line and set the port number to the port number configured in the local mongod.conf file, comment out the tenth line

run

front end

Execute npm run dev in the project root path and open the browser localhost:8080

rear end

Execute cd ./server && node ./bin/www in the project root path

mongodb database

mongod -f /path/to/your/mongod.conf