【文件属性】:
文件名称:vue-node-mongodb:使用Vue,Node和MongoDB构建应用
文件大小:105KB
文件格式:ZIP
更新时间:2021-05-11 03:11:27
javascript express node mongodb vue
搭建Vue+Node+MongoDB的前后端分离项目
目的
使用Vue官方的项目构建工具Vue-Cli构建前端项目,整合Express作为后台,达到前后端分离开发的目的。
思路
1.实现前后端分离,各自开发。这里前后端分离的思路:前端用Vue开发静态页面,路由通过Vue-Router进行,后端用Node仅用于编写API给前端调用获取数据。
2.前端开发时通过Vue-Cli中提供的proxyTable进行代理,由此可跨域调用Node编写的API。
3.前后端各自开发完成,测试无误后,前端通过webpack打包压缩,后端拉取前端打包压缩好的文件即部署完成。
用到的东西
Vue-Cli
Vue-Resource
Node + Express
MongoDB
步骤
1. 全局安装Vue-Cli
npm i -g vue-cli
2. 搭建并初始化项目
vue init webpack vue-no