使用的vue、elementUI、vuex、express、mongoDB的單頁應用
阿新 • • 發佈:2017-11-16
cnblogs href one 後端 master 文件 expr pen 分享
基於vue、vuex、express、mongodb的一個單頁應用,包括前後端,前端主要是使用vue,後端是node的express,數據庫是使用的mongodb
1.下載使用
git clone https://github.com/rainbowChenhong/vue-config-demo.git cd vue-config-demo cd node-server npm install //安裝後端依賴包 cd config-page npm install //安裝前端依賴包
2.啟動後臺
這裏的後臺主要是express4+mongoDB,代碼主要是在node-server文件夾下面,鏈接數據庫的地址在db/db.js修改即可,需要先啟動mongoDB的服務器,再執行此代碼,否則會報錯
npm run server (正常啟動模式) 訪問 http://localhost:8088
這樣服務器就啟動好了。
3.前端運行
npm run dev (正常編譯模式) npm run build (發布生產版本,提取公共代碼,分離css文件) 訪問 http://localhost:8080
4.效果展示
5.GitHub地址
感興趣的朋友可以去GitHub上去看源碼
git clone https://github.com/rainbowChenhong/vue-config-demo.git
使用的vue、elementUI、vuex、express、mongoDB的單頁應用