vue2.0登录注册demo-vue

发布时间:2019-05-11 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了vue2.0登录注册demo-vue脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

刚学的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/

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! vue,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的vue2.0登录注册demo-vue全部内容,希望文章能够帮你解决vue2.0登录注册demo-vue所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。