1. 程式人生 > >使用的vue、elementUI、vuex、express、mongoDB的單頁應用

使用的vue、elementUI、vuex、express、mongoDB的單頁應用

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的單頁應用