项目介绍
- 采用
vue-cli
构建初始项目目录 - 使用
vue2
、vue-router2
、Element-ui
、express
、webpack2
、MongoDB
构建项目开发环境 - 前端采用Vue、Element-ui搭建页面以及Vuex进行数据处理,后端采用express完成注册、登录、登出、登录状态查询的restful API
- 页面为注册页,登录页,主页
目录及文件的改动,均含详细备注
-
package.json中的'dependencies'包含的是增加的npm包
-
config/index.js 中设置了请求端口代理,能够跨域访问服务器端口(8080 => 3000)
-
server 主要是服务端的路由以,api接口,mongodb的配置操作
-
src 为vue应用的主要文件,包含路由,component...
-
gulpfile.js 增加服务器重启和浏览器刷新任务
-
server.js 服务端启动文件
-
token登录的前后端对应src-token和server-token
操作指令
npm install 安装依赖
npm run dev 使用webpack开启前端资源的打包编译
npm run server 启动服务端并开启浏览器
这里需要双开两个命令行窗口,一个负责前端的编译,一个负责服务端的任务流