刚学的vue试着做了个demo
基于vue2全家桶spa的登录注册
后台接口使用express和mongodb

环境依赖模块

使用vue-cli生产项目,登录注册通过后台生成的token存放在游览器localstoage中实现

• vue-cli

• vue2

• vue-router

• vuex

• vue-axios

• express

• mongoose

• jsonwebtoken

路由说明

需要实现的路由,和简单的登录权限

/home                 // 首页，不需要登录可以访问
/person               // 个人页，需要登录后可以访问
/login                // 登录，不需要登录可以访问，登录后不可以访问
/reg                  // 注册，不需要登录可以访问，登录后不可以访问
/logout               // 退出登录，需要登录后才可以访问

运行程序

到这里基本实现了后前后端分离,不足的地方也请大神指出
还有很多能扩展的功能也没有做,我也会在之后的项目中试着添加进去,把vue的坑一个个踩过去
放上源码地址https://github.com/xuyd/vue-l…

npm install
//开启mongodb
mongod --dbpath
node app
npm run dev
http://localhost:8080/