vue2.0登录注册demo

2024年3月31日 175次阅读 来源: 在家组装圆珠笔

刚学的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
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞