Vue中如何通过示例实现细粒度权限控制？

本文共计2257个文字，预计阅读时间需要10分钟。

一、前言在广告机项目中，角色的权限管理是一个长期且复杂的难点。首先，我们需要明确权限控制分为两大类，其中根据权限粒度细分为更详细的控制：

1. 接口访问权限控制

2.页面权限控制

一、前言

在广告机项目中，角色的权限管理是卡了挺久的一个难点。首先我们确定的权限控制分为两大部分，其中根据粒的大小分的更细：

1、接口访问的权限控制

2、页面的权限控制

• 菜单中的页面是否能被访问
• 页面中的按钮（增、删、改）的权限控制是否显示

下面我们就看一看是如何实现这些个权限控制的。

二、接口访问的权限控制

接口权限就是对用户的校验。正常来说，在用户登录时服务器需要给前台返回一个Token,然后在以后前台每次调用接口时都需要带上这个Token,然后服务端获取到这个Token后进行比对，如果通过则可以访问。