vue2.0登录注册demo

VioletJack 发布于2019-08-21 11:19 / 805人阅读

摘要：刚学的试着做了个基于全家桶的登录注册后台接口使用和环境依赖模块使用生产项目登录注册通过后台生成的存放在游览器中实现路由说明需要实现的路由和简单的登录权限首页，不需要登录可以访问个人页，需要登录后可以访问登录，不需要登录可以访问，登录

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

环境依赖模块

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

vue-cli

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/

服务器托管云服务器 vue2.0 cdn 登录注册帐号登录注册登录注册表单

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/86567.html

Vue2.0简易案例

摘要：由于众所周知的原因，谷歌字体只能过墙后才能被正常加载，而中的原生使用了谷歌字体，在这个案例中改为使用。代码存在，国内访问速度没那么快，初次加载较慢请耐心等待。如果项目对你有所帮助，不妨一下，你的支持是我前进的最大动力。效果图： showImg(https://segmentfault.com/img/remote/1460000008172654?w=303&h=545); show...

sourcenode 2019-08-20 13:52 评论0 收藏0
前端知识库 - 收藏集 - 掘金

摘要：自适应的椭圆背景知识属性的基本用法使用样式画各种图形前端掘金下面是一些我在中经常用到的图案，还有一些是在看到的。像图手把手教你使用前端掘金使用教程一是什么是目前世界上最先进的分布式版本控制系统。如何在 Vue.js 中使用第三方库 - 前端 - 掘金在诸多 Vue.js 应用中, Lodash, Moment, Axios, Async等都是一些非常有用的 JavaScript 库....

wall2flower 2019-08-20 17:15 评论0 收藏0
前端知识库 - 收藏集 - 掘金

摘要：自适应的椭圆背景知识属性的基本用法使用样式画各种图形前端掘金下面是一些我在中经常用到的图案，还有一些是在看到的。像图手把手教你使用前端掘金使用教程一是什么是目前世界上最先进的分布式版本控制系统。如何在 Vue.js 中使用第三方库 - 前端 - 掘金在诸多 Vue.js 应用中, Lodash, Moment, Axios, Async等都是一些非常有用的 JavaScript 库....

BetaRabbit 2019-08-29 12:46 评论0 收藏0
vue2.0开发聊天程序(八) 初步完成

摘要：主要表现在复杂的语句事务支持等。仅支持，在等浏览器中，会出现样式布局混乱的情况。将群群对应的聊天记录保存在数据库。用户进入群聊，则将其加入到对应的中。文件大小不能超过通过模块操作登录注册将用户名作为唯一值。登录支持自动登录，将密码保存在中。 showImg(https://segmentfault.com/img/bV4jYr?w=402&h=710);showImg(https://...

wmui 2019-08-22 14:51 评论0 收藏0