前端应用打包平台
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