前端权限控制与管理如何写？

一、课程提供的笔记

二、自己根据知识点做了一个示例

本示例采用的技术栈为vue+vue-router+vuex+mock.js
有两个用户

管理员，所有权限都有

普通用户，不可以访问商品管理页面，不可以进行添加操作，不可以进行编辑操作

示例截图
1、登录页

2、登录进去的首页


3、用户管理页


总的来说，权限控制就这四个方面，前端控制之后，用户体验会更好，项目会更完美，但离不开后端权限的控制。这个示例细节还是挺多的。

完整项目代码链接 前端权限控制与管理系统