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


基於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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM