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