基于Vue2.0(Vue-cli)+ElementUI+Express+Mongoose的全栈开发环境
前端页面部分基于vueAdmin项目,修复了其中的一些BUG。
npm install
首先,启动Express服务(3000端口),提供API接口, 请确保已经安装MongoDB
npm run server
然后,开启前端部分开发环境(8088端口)
npm run dev
最后在8088端口开发前端部分即可,vue-cli已经把webpack的热替换功能加入了进去,十分方便。
后台的修改也是被nodemon
监控的,会自动在3000端口重启。
所以是全栈自动刷新,非常适合开发。
需要注意的是,这里配置了config/index.js
的
proxyTable:{
'/api' : 'http://localhost:3000'
}
这样就需要约定,Express后台的所有API接口都要以/api/*
来命名。
npm run build
然后浏览器访问:
http://localhost:3000/admin
服务器开启
PS C:\> & 'C:\Program Files\MongoDB\Server\3.4\bin\mongod' --dbpath d:/mongodb/think/data/db