vue登录流程(思路)

登录流程分析

在这里插入图片描述

用户登录流程图分析:

// 第一步 用户登录 --> 输入用户名、密码给后端 -->  用户鉴权 --> 后端会在mysql数据库中去验证我们的用户名、密码是否正确 --> 验证正确之后会通过jsw生成一个token --> token 我们可以把他理解为一个登录的令牌,有了这个令牌后我们之后去登录就不需要在附带用户名和密码 --> 而全端收到 token 之后就会把它保存到本地 --> 之后再请求用户信息 就会将token附带至http header --> 在header中发起请求后就会在后端中发起一个token的验证 --> 当 token 验证信息之后就会把用户信息查询出来并且返回给前端 --> 这个是时候拿着用户信息去做路由的认证 --> 确定向到根路径 --> 最后他会根据用户的权限生成菜单栏(也就是说你当前用户是什么身份就能看见哪些菜单)

//这里面涉及到的知识点主要有以下几个:
// 1. 在登录的时候:路由和权限校验
// 2. 后端鉴权:需要了解mysql应用
// 3. 通过jwt生成token:需要了解jwt应用
// 4. 通过token请求用户信息将token附带至http.header时 :axios 拦截器
// 5. 重定向到/ :有会去路由和权限的校验同时完成重定向
// 6. 根据用户权限生成菜单:侧边栏

Vue admin
登陆流程
界面精简及路由处理(实现了权限控制)
路由和权限校验原理
侧边栏
重定向
面包屑导航
requst库 axios拦截
登录组件实现细节

猜你喜欢

转载自blog.csdn.net/qq_52151772/article/details/111242575