转载:https://segmentfault.com/a/1190000012675759
1、何为权限控制?
权限控制大致分为两个维度:
1】垂直维度:控制用户可以访问哪些url的权限。
2】水平维度:控制用户访问特定url,获取哪些数据的权限(如:普通用户、管理员、超级管理员访问同一url,获取的数据是不同的)。
2、Web权限控制方案List
1】前后端不分离:以Java为例,后端通过jsp、freemark、thmeleaf灯模板来渲染相应权限的数据,渲染完呈现在浏览器端。
2】前后端分离:
1.1 SPA单页面应用,路由由前端控制,前端通过js控制hash路由的权限。
1.2 SSR服务器渲染,Node中间层做代理路由,判断权限渲染特定的路由至浏览器端。
3、SAP前端权限控制方案
SPA: 单页Web应用(single page web application)将所有web活动局限于一个html页面中,利用js通过hash或者浏览器history api来实现无刷新路由跳转,前后端通过ajax数据通信,避免了浏览器的刷新重新加载,为用户提供流程的操作体验。这意味着前端接管了路由层,需要通过调用前端自身的MVC模块,来渲染不同的页面。
Base on:
- Vue 前端MVVM框架
- Vuex 状态管理机
- Vue-router 路由
- Axios HTTP请求库