vue2.0登录注册demo

刚学的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/
    原文作者:在家组装圆珠笔
    原文地址: https://segmentfault.com/a/1190000007867600
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞