位置: IT常识 - 正文
Vue框架--Ruoyi解析(前端)(vue框架基础知识)
发布时间：2024-01-10推荐整理分享Vue框架--Ruoyi解析(前端)(vue框架基础知识)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:vue框架百度百科,vue框架百度百科,vue框架解析,vue框架使用方法,vue框架结构,vue框架教程视频,vue框架快速入门,vue框架教程视频,内容如对您有帮助，希望把文章链接给更多的朋友！
router目录下的 index.js 配合 permission.js 是整套vue前端项目的权限判断核心. index.js 里面的path 配置都是一些不会与权限挂钩的路由,例如: 404、登录页面路径等. permission.js 中的 router.beforeEach 是路由拦截,在访问某个链接之前会进行权限判断,但是如果你注释掉这部分代码,然后再去访问某个路径(假如该路径没有被注入到router中),那么也是不能访问的.
路由拦截是对访问路径的第一道校验,控制着整个前端页面的访问权限,把用户当前登录状态、用户当前登录状态、权限和能访问该项目的路径绑定在一起死死的.
登录的重定向假设在A页面登录超时,然后重新登录,会自动跳转到上次你退出登录时的页面,这个很银杏,但是对于一些公司项目的要求(每次登录之后要跳到首页),我这里的首页是写到router目录先的index.js文件中.
登录时走的流程在执行 handleGoLogin() 方法时,会调用state中的自定义方法 Login 来实现登录验证和token值的记录.
在 store-->modules-->user.js中,调用封装好的网络请求方法进行登录验证
注意: 上面这一步操作是在 state 中进行的, vue-element-admin中对各个层级有比较严格的规定,比如缓存层就做记录缓存和取缓存的操作,api层就做接口层的操作,顶级层之间相互调用.
上面的代码你可能有点疑问,为什么 store 可以直接调用 user.js中的 Login() 方法呢.首先 main.js中已经
上一篇：Token实现登录、token过期解决以及数据解析(token登录器)
