vue-element-admin登录详解
时间: 2023-08-12 22:03:43 浏览: 65
vue-element-admin是一个基于Vue.js和Element UI的后台管理系统模板。在登录过程中,通过路由守卫来判断用户是否已登录。具体逻辑如下:
1. 登录成功后,跳转到首页。在路由跳转之前,会进行以下判断:
1.1 如果存在token,则判断跳转的路由是否是登录页面。
1.1.1 如果是登录页面,则直接放行。
1.1.2 如果不是登录页面,则判断vuex中是否保存了当前账号的角色。
1.1.2.1 如果有保存角色信息,则直接放行。
1.1.2.2 如果没有保存角色信息,则分别调用getUserInfo()、getInfo()、generateRoutes方法获取当前账号的用户信息、角色信息和菜单数据,并存入vuex。
1.2 如果不存在token,则强制跳转到登录页面。
在路由守卫中,如果用户没有token,且访问的页面不在免登录白名单中,则会被重定向到登录页面。
登录详解的具体实现可以参考vue-element-admin的源代码。\[1\]\[2\]\[3\]
#### 引用[.reference_title]
- *1* *2* [理解vue-element-admin 的登录流程](https://blog.csdn.net/qq_45791799/article/details/122978728)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [(3)vue-element-admin:权限管理(登录登出,动态路由过程讲解)](https://blog.csdn.net/qq_42499670/article/details/119542766)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]