首页 > 其他分享 >前端登录流程

前端登录流程

时间:2023-06-12 18:14:26浏览次数:37  
标签:登录 验证 前端 token 跳转 流程 路由

1、首次登录,前端调用后端登录接口,发送用户名密码

2、后端收到请求,验证用户名密码。成功,返回给前端token和一个用户信息的值

(token:后台发的唯一标识,用来验证用户是否登录)

3、前端拿到token,将token存储到sessionStorage中,并跳转路由页面

4、前端每次跳转路由,判断cookies中是否有token。没有跳转登录页,有跳转对对应路由首页

5、每次调用后端接口,都要在请求头中加入token【在项目utils/service.js中添加全局拦截器】

6、后端判断请求头中有无token,有则拿到token并验证token。

成功返回数据,失败如:token过期,则前端会返回无效的token,跳转到登录页面并且清除本地用户的信息

标签:登录,验证,前端,token,跳转,流程,路由
From: https://www.cnblogs.com/le-fang/p/17475746.html

相关文章

  • 【Azure 环境】使用az login登录遇见OSError: [WinError -2146893813] : '' 错误
    问题描述使用azlogin指令登录,遇见OSError:[WinError-2146893813]:'',在指令中添加--debug后,输出的错误消息为:urllib3.connectionpool:StartingnewHTTPSconnection(1):*****.******.com:443urllib3.connectionpool:https://****.****.com:443"POST/adfs/ser......
  • 登录案例,scoped,ref属性,props其他,混入mixin,插件,饿了么UI
    0解析一下vue项目#1为什么浏览器中访问某个地址,会显示某个页面组件 -根组件:App.vue必须是<template><divid="app"><router-view></router-view></div> </template> -1配置路由 router----》index.j......
  • 模具设计的完整流程
    第一步:对制品2D图及3D图的分析和消化,其内容包括以下几个方面:1、制品的几何形状。2、制品的尺寸、公差及设计基准。3、制品的技术要求(即技术条件)。4、制品所用塑料名称、缩水及颜色。5、制品的表面要求。第二步:注射机型号的确定注射机规格的确定主要是根据塑料制品的大小及生产批......
  • 前端vue可以左右滚动的切换的tabs tabs选项卡 滑动动画效果 自动宽度
    前端vue可以左右滚动的切换的tabstabs选项卡滑动动画效果自动宽度, 下载完整代码请访问https://ext.dcloud.net.cn/plugin?id=13003效果图如下:     ####使用方法```使用方法swiperTabList:["2023-06-10","2023-06-11","2023-06-12","2023-06-13","20......
  • 【SSH项目实战】国税协同平台-15.系统、子系统首页&登录功能2
    接上一篇我们的子系统界面已经加载出来:我们找到左边菜单页,给它加链接:<dlclass=""><dt><aclass="yh"href="${ctx}tax/role_listUI.action"target="mainFrame"><b></b>角色管理<sclass="down"></s>......
  • 消费者组重平衡全流程及状态机解析
    一、重平衡流程介绍   消费者组重平衡的作用就是让消费者组达成一致,完成消费者与哪些主题分区达成一致。重平衡需要借助Kafkabroker端的协调者组件,在coordinator的帮助下完成整个消费者分组的分区重分配。触发与通知重平衡触发的3个条件消费者组的成员数量变化消......
  • 前端开发人员必会的技术
     什么是前端开发?网站的前端是用户与之互动的部分。从字体和颜色到菜单和滑块,在Internet上浏览时看到的所有内容都是前端。HTML,CSS和JavaScript的所有这些组合都由计算机的浏览器控制。因此,让我们深入研究成为前端开发人员所需的技能:1.HTMLHTML是主要用于网站创建的标记语言。然后......
  • 机器学习模型训练全流程
    周末在家无聊闲逛github,发现一个很有趣的开源项目,作者用手绘图的方式讲解了机器学习模型构建的全流程,逻辑清晰、生动形象。同时,作者也对几张图进行了详细的讲解,学习之后,收获很多,于是将其翻译下来,和大家一起学习。地址:https://github.com/dataprofessor/infographic 全文如下......
  • 前端的发展和未来趋势
    前端技术的发展日新月异,过一段时间就会出现新的框架、工具、插件,伴随着十几年的发展,前端领域已经告别了野蛮生长的时期,越发表现出成熟和现代化,引领了整个技术行业的潮流,那么让我们在文中过一遍前端发展中一些重要的节点。前端是什么?针对浏览器开发,代码在客户端浏览器运行。 前端“......
  • Kafka通信模型/流程
    Kafka的Producer、Broker和Consumer之间采用的是一套自行设计的基于TCP层的协议由于UDP协议是一种不可靠的传输协议,所以Kafka系统采用TCP协议作为服务间的通信协议通信通信模型Reactor线程模型JavaNIO中的selector模型。最简单的Reactor模型中,有多个client向服务端发送请......