权限控制

转载：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请求库