Vue要做权限管理该怎么做?控制到按钮级别的权限怎么做?

news/2024/7/10 2:55:01 标签: vue

权限是对特定资源的访问许可,所谓权限控制,也就是确保用户只能访问到被分配的资源。请求触发的方式页面加载触发
请求发起的方式有两种,1、页面上的按钮点击触发;2、页面加载触发
总的来说,所有的请求发起都触发自前端路由或视图。

路由控制的思路有两种,一种是初始化即挂载全部路由,每次路由跳转前做校验;另一种是只挂载用户拥有的路由,相当于从源头上做了控制。

1、接口权限目前一般采用jwt的形式来验证,没有通过的话一般返回401,跳转到登录页面重新进行登录。登录完拿到token,将token存起来,通过axios请求拦截器进行拦截,每次请求的时候头部携带token

2、路由权限控制:初始化即挂载全部路由,并且在路由上标记相应的权限信息,每次路由跳转前做校验;
这种方式存在以下四种缺点:

  • 加载所有的路由,如果路由很多,而用户并不是所有的路由都有权限访问,对性能会有影响。

  • 全局路由守卫里,每次路由跳转都要做权限判断。

  • 菜单信息写死在前端,要改个显示文字或权限信息,需要重新编译

  • 菜单跟路由耦合在一起,定义路由的时候还有添加菜单显示标题,图标之类的信息,而且路由不一定作为菜单显示,还要多加字段进行标识

3、按钮权限也可以用v-if判断

但是如果页面过多,每个页面页面都要获取用户权限role和路由表里的meta.btnPermissions,然后再做判断。


http://www.niftyadmin.cn/n/1263227.html

相关文章

进程信息库网址

进程信息库网址:http://www.processlib.net/index.html转载于:https://www.cnblogs.com/lfzwenzhu/archive/2008/11/12/1331764.html

证明最小码距与纠检错图像_炫酷的图像转换:从pix2pix到CycleGAN

码字不易,欢迎给个赞!欢迎交流与转载,文章会同步发布在公众号:机器学习算法工程师(Jeemy110)图像转换是将一张输入图片转换为不同的输出图片,如将一张灰度图变成彩色图,素描图换成实物图(见下图…

vue数据双向绑定原理

vue数据绑定是通过数据劫持结合发布者-订阅模式实现的,说起数据劫持,vue是如何进行数据劫持,前面也提过get和set方法,实际上vue是通过**Object.defineProperty()**来实现数据劫持的。 1、object.defineProperty 它可以来控制一个…

用serv-u架设FTP

用serv-u架设FTP 现在windows平台的用户90%的FTP服务器都是用的serv-u来架设的,那么serv-u从最开始的版本到现在的7.x版本,功能上,界面上都有了很大的变化,安全性也有很大的提高,那我们就看看serv-u7.x版本的如何架设…

项目遇到的难点、印象深刻点总结

一、概念serverless、为什么(前端)要推动建设 Serverless? 应用的运行演变为更细粒度函数的运行,用户开发特定业务的处理函数,托管给函数平台,按需使用相关的后端服务,通过特定条件的触发完成开发者业务逻…

git 命令写成脚本_在Windows中编写Git命令脚本

我有一些git命令,我想在限制性的Windows环境中自动化.我发现自己一遍又一遍地运行这些命令,在Git Bash中执行.$git cd "R:/my/directory/repo"$git pull$git checkout "MyBranch"$git merge "MyOtherBranch"和$git checkout "MyBranch"…

输入框如何实现历史记录(项目实习总结)

1、出现历史记录的需求 前些天,项目的啄木鸟计划中提出这样一个问题,每次用户输入什么,应该有历史记录供选择,搜索框获取焦点后会展示搜索历史,搜索历史记录可以存储在前端,由浏览器存储记录,这…

带圆圈大小的散点图_学习seaborn[01]:散点图amp;线型图

可视化统计关系表示统计关系的图分为散点图和线型图两类。统一的FacetGrid图级接口函数为relplot()。散点图import seaborn as sns import pandas as pd %matplotlib inline# seaborn预设主题:darkgrid(默认),whitegrid&#xff0…