谈谈登录注册的如何实现

2024-05-07 11:06:41

*谈谈对登录逻辑的理解**

登录逻辑
1、第一次登录的时候，前端（客户端）调后端（服务器）的登陆接口，并发送用户名和密码
2、后端（服务器）收到（客户端）请求，验证用户名和密码，验证成功，就给前端（客户端）返回一个token
3、前端（客户端）拿到token，将token存储到localStorage或vuex中，并跳转路由页面
4、前端（客户端）每次跳转路由，就判断 localStroage 中有无 token ，没有就跳转到登录页面，有则跳转到对应路由页面
5、在组件中每次调后端（服务器）接口，都要在请求头中加token
6、后端（服务器）判断请求头中有无token，有token，就拿到token并验证token，验证成功就返回数据，验证失败（例如：token过期）就返回401，请求头中没有token也返回401
7、如果前端（客户端）拿到状态码为401，就清除token信息并跳转到登录页面

在前端中，登录注册需要通过端口来获取数据并传递参数，并进行判断事件的执行获取得到的登录信息以及一个token值

token是服务端生成的一串字符串，以作客户端进行请求的一个令牌,　
　　它相当于数据的id，给与数据一个唯一的标识，它的出现主要目的是解决服务器频繁请求用户姓名以及密码的问题；
　　它的作用是减轻服务器的压力，减少频繁的查询数据库，使服务器更加健壮。

// 请求登录接口并传递参数this.$ClientAPI.loginGetToken(obj).then((res) => {console.log(res.data.data);var token = res.data.data.remember_token; //读取tokenvar mobile = res.data.data.mobile;localStorage.setItem("mobile", mobile);localStorage.setItem("token", token); //保存tokenlocalStorage.setItem("value", "admin");Toast.success({message: "登录成功",position: "top",});this.$router.push("/mine"); //跳转到我的页面}).catch((err) => {console.log(err);Toast.fail({message: "登录失败",position: "top",});});

谈谈登录注册的如何实现相关推荐

php登陆页面修改密码的功能,使用bootstrap创建登录注册页面并实现表单验证功能...
本篇文章给大家介绍一下使用bootstrap创建登录注册页面并实现单验证功能的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 用bootstrap做登入注册页面,使用valid ...
2020-2-15一个web登录注册小程序与Spring初始+作业
文章目录建立一个Web登录注册小程序 1.先在Mysql数据库中新建一个数据库 2.在IDEA中新建一个工程 3.对项目进行简单分层 4.设计一个实体类 5.引入一个jdbc工具类 6.写一个测试类 ...
android servlet 登陆,Android Studio+Servlet+MySql实现登录注册
一.Android 项目当中设置明文传输 1.设置明文传输的xml 2.引入上述创建的xml android:networkSecurityConfig="@xml/network_secu ...
【ios开发/Xcode】实现登录注册
[ios开发/Xcode]实现登录注册实现效果源代码实现效果首先进入初始界面,输入账号Linchuantao,密码Linchuantao,显示登录失败(如下左图),因此需要进行注册,点击左下角 ...
java实现用户登录注册功能(用集合框架来实现)
需求:实现用户登录注册功能(用集合框架来实现) 分析: A:需求的类和接口 1.用户类 UserBean 2.用户操作方法接口和实现类 UserDao UserDaoImpl 3.测试类 UserTe ...
vue-cli——vue-resource登录注册实例
前言使用vue-resource请求接口非常方便,在使用前需安装vue-resource依赖并在入口文件main.js中声明. 附github地址实例功能简述本实例只有简单的两个模块:登录和注册 ...
java实现登录注册案例_Java基于IO版实现用户登录注册的案例
下面小编就为大家带来一篇基于IO版的用户登录注册实例(Java).小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧今天学的是用户登录注册功能. 4个包: itcast.c ...
注册登录案例用MVC和mysql_用MVC模式实现简单用户登录注册功能
Model2模式 Jsp+Servlet+JavaBean MVC:开发模式 M:Model 模型层 ----> JavaBean V:View 视图层 ----> Jsp C:Contr ...
基于 Vue + Koa2 + MongoDB + Redis 实现一个完整的登录注册
项目地址:https://github.com/caochangkui/vue-element-responsive-demo/tree/login-register 通过 vue-cli3.0 + ...

最新文章

热门文章