位置: IT常识 - 正文

Vue框架--Ruoyi解析(前端)(vue框架基础知识)

编辑:rootadmin
Vue框架--Ruoyi解析(前端) 路由router注册

推荐整理分享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文件中.

Vue框架--Ruoyi解析(前端)(vue框架基础知识)

 登录时走的流程

在执行 handleGoLogin() 方法时,会调用state中的自定义方法 Login 来实现登录验证和token值的记录.

 在 store-->modules-->user.js中,调用封装好的网络请求方法进行登录验证

 注意: 上面这一步操作是在 state 中进行的, vue-element-admin中对各个层级有比较严格的规定,比如缓存层就做记录缓存和取缓存的操作,api层就做接口层的操作,顶级层之间相互调用.

上面的代码你可能有点疑问,为什么 store 可以直接调用 user.js中的 Login() 方法呢.首先 main.js中已经

本文链接地址:https://www.jiuchutong.com/zhishi/290878.html 转载请保留说明!

上一篇:Token实现登录、token过期解决以及数据解析(token登录器)

下一篇:VUE -- defineExpose

  • 华为nova6支持无线充电吗(华为nova6支持无线hicar)

    华为nova6支持无线充电吗(华为nova6支持无线hicar)

  • qq作业提交了怎么修改(qq作业提交别人可以看见时间吗)

    qq作业提交了怎么修改(qq作业提交别人可以看见时间吗)

  • 快手快币自动消失是怎么回事(快币会自动消失吗)

    快手快币自动消失是怎么回事(快币会自动消失吗)

  • qq发说说怎么屏蔽别人(qq发说说怎么屏蔽群成员)

    qq发说说怎么屏蔽别人(qq发说说怎么屏蔽群成员)

  • 一部手机可以用几年(一部手机可以用两张移动卡吗)

    一部手机可以用几年(一部手机可以用两张移动卡吗)

  • 读扇区错误还能恢复吗(读扇区错误!)

    读扇区错误还能恢复吗(读扇区错误!)

  • 手机右下角有个小人是什么意思(手机右下角有个小人图标怎么取消)

    手机右下角有个小人是什么意思(手机右下角有个小人图标怎么取消)

  • 手机图标hd是什么意思(手机上的图标hd是什么意思)

    手机图标hd是什么意思(手机上的图标hd是什么意思)

  • 苹果手机退出id后手机里的东西还有吗(苹果手机退出id还能正常使用吗)

    苹果手机退出id后手机里的东西还有吗(苹果手机退出id还能正常使用吗)

  • 快手深色模式如何设置(快手咋弄深色模式)

    快手深色模式如何设置(快手咋弄深色模式)

  • 一个手机卡一个ip吗(一个手机卡一个月多少钱)

    一个手机卡一个ip吗(一个手机卡一个月多少钱)

  • 手机冲不上去电然后一插充电器就亮(手机充不上去电,还漏电)

    手机冲不上去电然后一插充电器就亮(手机充不上去电,还漏电)

  • gifshow文件可以删除吗(gif图像文件)

    gifshow文件可以删除吗(gif图像文件)

  • 苹果手表心率准吗(苹果手表心率准还是华为的准)

    苹果手表心率准吗(苹果手表心率准还是华为的准)

  • 坚果手机是什么牌子(坚果手机是什么意思)

    坚果手机是什么牌子(坚果手机是什么意思)

  • 华为mate30相机自带美颜怎么关(华为mate30相机自拍怎么调)

    华为mate30相机自带美颜怎么关(华为mate30相机自拍怎么调)

  • 手机的位置服务怎么打开(免费查找别人手机位置软件)

    手机的位置服务怎么打开(免费查找别人手机位置软件)

  • w10运行在哪(w10运行在那)

    w10运行在哪(w10运行在那)

  • ask-al00x是什么型号(ask-al00x是什么型号拆机视频)

    ask-al00x是什么型号(ask-al00x是什么型号拆机视频)

  • 发快手闪退怎么回事(快手怎么会闪退)

    发快手闪退怎么回事(快手怎么会闪退)

  • 手机元屏是原装屏吗(手机元屏是原装的吗)

    手机元屏是原装屏吗(手机元屏是原装的吗)

  • xr卡槽在哪(xr 卡槽)

    xr卡槽在哪(xr 卡槽)

  • 【uni-app教程】四、UniAPP 路由配置及页面跳转(uni-app入门到实战)

    【uni-app教程】四、UniAPP 路由配置及页面跳转(uni-app入门到实战)

  • 免费开源的图片修复工具Lama Cleaner(免费开源的图片app)

    免费开源的图片修复工具Lama Cleaner(免费开源的图片app)

  • 外贸出口企业如何申报增值税
  • 每月工资不一样怎么交党费
  • 去年缴纳印花税忘记做账了怎么办呢
  • 个税补缴纳
  • 所得税补缴怎么回事
  • 工程款转入冻结账户能拿回
  • 属于期间费用抵减项目
  • 缴纳土地增值税
  • 去年漏记了收入,可以记今年吗
  • 企业无力支付票据
  • 扶持资金属于政府补助吗
  • 多扣社保个人部分怎么做分录
  • 营改增之后还有营业税吗
  • 工程分包是什么工作
  • 简易计税方法适用范围
  • 房产租赁中的免租期间需要交房产税吗
  • 公司拨付工会经费怎么算的
  • 企业外币账户清单哪里能查到
  • 增值税的特殊销售方式有哪些?税务处理时怎样的?
  • 企业所得税季度申报表季度平均值
  • 固定资产报废怎么处理
  • macos big sur使用
  • win10excel闪退是什么原因
  • 委托代销委托方的账务处理
  • 股份支付费用是股权激励成本吗?
  • 资产减值损失结转
  • 哪些收入需要交消费税
  • 公司向股东个人借款最新规定
  • laravel引入css
  • 现金流量表的编报时间有
  • ajax调用php接口
  • javaweb界面设计
  • PyTorch深度学习实战 | 基于ResNet的人脸关键点检测
  • route命令的作用
  • zenity命令 显示图形框
  • 苗木可以进项抵扣的么
  • sql 临时表格
  • 建筑租赁公司是什么意思
  • 劳务公司在异地施工要在哪里缴税
  • 冲销坏账怎么做分录
  • 押金无法收回账怎么办
  • 业务招待费税前列支
  • 短期借款的账务处理借增贷减
  • 企业间贴现手续怎么办理
  • 非贸付汇如何缴税
  • 手机发票计入什么科目
  • 商标无形资产摊销计入什么科目
  • 现金日记账的登记证据有
  • 新办企业环评费用多少
  • 何为调整事项
  • 外卖占比总营业额怎么算
  • win10安装mysql5.6
  • sqlserver数据库备份
  • window怎么操作
  • iexploresrv.exe
  • 苹果电脑安装macos怎么安装
  • 手机耳机插在电脑上能说话吗
  • 关闭win7屏保
  • xp系统的cad
  • win7如何设置鼠标
  • win7系统笔记本怎么连接wifi
  • mmc.exe是什么
  • 延迟windows更新
  • windows10已激活
  • win10一年更新几次
  • win7系统怎么修改开机密码
  • 如何解决在沟通中产生的漏斗效应
  • cocos creator js教程
  • android环境搭建教程
  • opengl基本图形绘制
  • linux 检查网络状态
  • window.parent与window.openner区别介绍
  • javascript中数组的方法
  • 深入理解javascript特性
  • RadioGroup+Fragment实现底部菜单栏
  • 零基础入门安卓逆向
  • Android之fill_parent和wrap_content
  • 安卓手机加速方法
  • python获取linux磁盘信息
  • 云南税务网上税务局
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设