vue koa demo

vue-koa-demo

一个第一次接触全栈的小白搞得一个已经线上部署了的小demo

项目说明

• UI：Element
• 前端框架：Vue
• 后端框架：Koa
• 数据库：Mongodb
• 部署：PM2

分支说明

• master: 前后端分离分支
• ssr: Vue 服务端渲染分支

项目相关博客

• 阿里云 CentOS 环境下 Node 环境搭建

• 一次前后端分离项目部署实践

• Vue SSR 初探

在线预览

vue-koa-demo

安装

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

前端

cd vue-koa-demo && npm install

后端

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

mongodb 数据库

为了在本地把项目跑起来，需要：

1. 在 mongodb 数据库中建立一个名为 vue_koa_todos 的数据库
2. 修改 server/routes/index.js 中的链接命令，对第九行取消注释并把端口号设置定为本地 mongod.conf 文件中配置的端口号，注释掉第十行

运行

前端

在项目根路径下执行 npm run dev 打开浏览器 localhost:8080

后端

在项目根路径下执行 cd ./server && node ./bin/www

mongodb 数据库

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