当前位置：网站首页 > 技术分类 > 正文

Vue实战篇|使用路由管理用户权限(动态路由)

ztj100 2025-03-25 19:40 33 浏览 0 评论

权限控制是后台管理系统比较常见的需求，如果我们需要对某些页面的添加权限控制的话，那我们可以在路由管理中的权限做一些校验，没有通过权限校验的给出相应的提示或者直接跳转到报错页面。

跟着我一起来学vue实战篇路由管理权限吧!

权限校验函数

getCurrentAuthority()函数用于获取当前用户权限，一般来源于后台数据
check()函数用于权限的校验匹配
isLogin()函数用于检验用户是否登录

路由配置元信息

路由配置元信息meta:{ authority: ["admin"] }

路由守卫router.beforeEach中判断

使用to.matched获取跳转路由的全部信息,包括父路由和子路由
使用lodash中的findLast匹配离跳转路由配置权限的元信息
引入auth.js中check()和isLogin()进行判断是否具有权限或是否已登录
如果没有权限则给出提示信息后跳转到403页面,未登录则返回登录页面

运行结果

当getCurrentAuthority()函数返回admin时，则菜单会显示所有元信息meta:{ authority: ["admin"] }的路由菜单；
如返回值为user时，菜单会显示所有元信息meta:{ authority: ["user"] }的路由菜单

以上就是我们权限控制中路由管理的全部内容，关注我获取"实战篇"获取源码！

接下来CrabFort会带大家一起实现更加精细化的权限设计（权限组件、权限指令）

vue route

上一篇：这些很相似之《vue之route和router》
下一篇：Vue Router 4 路由操作 - 路由导航

相关推荐

30天学会Python编程:16. Python常用标准库使用教程: 16.1collections模块16.1.1高级数据结构16.1.2示例...

强烈推荐!Python 这个宝藏库 re 正则匹配: Python的re模块（RegularExpression正则表达式）提供各种正则表达式的匹配操作。...

Python爬虫中正则表达式的用法，只讲如何应用，不讲原理: Python爬虫：正则的用法(非原理)。大家好，这节课给大家讲正则的实际用法，不讲原理，通俗易懂的讲如何用正则抓取内容。·导入re库，这里是需要从html这段字符串中提取出中间的那几个文字。实例一个对...

Python数据分析实战-正则提取文本的URL网址和邮箱(源码和效果): 实现功能：Python数据分析实战-利用正则表达式提取文本中的URL网址和邮箱...

python爬虫教程之爬取当当网 Top 500 本五星好评书籍: 我们使用requests和re来写一个爬虫作为一个爱看书的你（说的跟真的似的）怎么能发现好书呢？所以我们爬取当当网的前500本好五星评书籍怎么样？ok接下来就是学习python的正确姿...

深入理解re模块:Python中的正则表达式神器解析: 在Python中，"re"是一个强大的模块，用于处理正则表达式（regularexpressions）。正则表达式是一种强大的文本模式匹配工具，用于在字符串中查找、替换或提取特定模式...

如何使用正则表达式和 Python 匹配不以模式开头的字符串: 需要在Python中使用正则表达式来匹配不以给定模式开头的字符串吗？如果是这样，你可以使用下面的语法来查找所有的字符串，除了那些不以https开始的字符串。r"^(?!https).*&...

先Mark后用!8分钟读懂 Python 性能优化: 从本文总结了Python开发时，遇到的性能优化问题的定位和解决。概述：性能优化的原则——优化需要优化的部分。性能优化的一般步骤：首先，让你的程序跑起来结果一切正常。然后，运行这个结果正常的代码，看看它...

Python“三步”即可爬取，毋庸置疑: 声明：本实例仅供学习，切忌遵守robots协议，请不要使用多线程等方式频繁访问网站。#第一步导入模块importreimportrequests#第二步获取你想爬取的网页地址，发送请求，获取网页内...

简单学Python——re库(正则表达式)2(split、findall、和sub): 1、split（）：分割字符串，返回列表语法：re.split（'分隔符','目标字符串'）例如：importrere.split('，','...

Lavazza拉瓦萨再度牵手上海大师赛: 阅读此文前，麻烦您点击一下“关注”，方便您进行讨论和分享。Lavazza拉瓦萨再度牵手上海大师赛标题:2024上海大师赛:网球与咖啡的浪漫邂逅在2024年的上海劳力士大师赛上,拉瓦萨咖啡再次成为官...

ArkUI-X构建Android平台AAR及使用: 本教程主要讲述如何利用ArkUI-XSDK完成AndroidAAR开发，实现基于ArkTS的声明式开发范式在android平台显示。包括：1.跨平台Library工程开发介绍...

Deepseek写歌详细教程（怎样用deepseek写歌功能）: 以下为结合DeepSeek及相关工具实现AI写歌的详细教程，涵盖作词、作曲、演唱全流程：一、核心流程三步法1.AI生成歌词-打开DeepSeek（网页/APP/API），使用结构化提示词生成歌词：...

“AI说唱解说影视”走红，“零基础入行”靠谱吗?本报记者实测: “手里翻找冻鱼，精心的布局；老漠却不言语，脸上带笑意……”《狂飙》剧情被写成歌词，再配上“科目三”背景音乐的演唱，这段1分钟30秒的视频受到了无数网友的点赞。最近一段时间随着AI技术的发展，说唱解说影...

AI音乐制作神器揭秘!3款工具让你秒变高手: 在音乐创作的领域里，每个人都有一颗想要成为大师的心。但是面对复杂的乐理知识和繁复的制作过程，许多人的热情被一点点消磨。...

取消回复欢迎你发表评论:

一周热门

最近发表

首页
收录
顶部