使用的vueelementUIvuexexpressmongoDB的单页应用

Posted 黑黑哈哈

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用的vueelementUIvuexexpressmongoDB的单页应用相关的知识,希望对你有一定的参考价值。

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

 

以上是关于使用的vueelementUIvuexexpressmongoDB的单页应用的主要内容,如果未能解决你的问题,请参考以下文章

在使用加载数据流步骤的猪中,使用(使用 PigStorage)和不使用它有啥区别?

Sqlmap的使用

Kettle java脚本组件的使用说明(简单使用升级使用)

PageHelp的使用getParameter的使用zpage-nav的使用QRcode的使用wxpay微信支付的使用jackson-xml数据的转换

hbs使用手册

Kettle java脚本组件的使用说明(简单使用升级使用)