前端的鉴权问题以及项目api请求模块的封装

1.前端的鉴权问题

分析：考察前后端分析的鉴权思路
解析：
1.

• 首先要明白什么时前端鉴权？在传统色的项目中都是后端鉴权，然后通过进行拦截，跳转，对应操作。而现实时前后端分离项目，也就是前端项目和后端服务器进行了剥离，因此后端无法通过session来存储你任意一个前端项目域名下的身份信息，所以jwt鉴权问题就应运而生了；
• 换句话说，后端不再提供会话的身份存储，而是通过一个鉴权的接口将用户的身份。登录时间，请求端口，协议…等信息组装成一个加密的串返回给前端，前端拿到了这个串，就可以认为自己登录成功。
• 这个加密串就成了前端用户是否登录的成功标志，这就是我们的token，那么在接下来的接口请求中，我们机会都要携带这个加密串，因为它是唯一能证明我们身份分信息
• 为了方便，我们一般会在请求工具ajax（举例）的拦截中统一注入token，减少代码的重复(同时我们需要注意。token同时具有时效性，我们也需要在此时对token过期进行处理，一旦出现过期的请求码，就需要换取新的token或者重新登录的解决方案
• 除此之外，我们还许哟啊依据有误加密串在前端对于某些页面的访问进行限制，这个会用到我们路由Vue-Router中的导航守卫router.beforeEach去判断token；

2.进入主题

• vue当页面项目设计到多角色用户权限问题，不同的角色用户拥有不同的功能权限，不同的用户权限对应不同的页面（如超级用户和普通用户）

总：对于前端需要做的如下
1.先定义一个全的，所有的路由数组
2.当用户登录之后，后台返回当前用户的数据如路由（不同用户不同路由数据）
3.前端拿到路由列表去循环和1定义的圈的路由对比，然后指定用户返回指定的数据渲染即可

2.项目api请求模块的封装

分析：你项目中的网络api请求模块是如何封装的？
【答题思路】
1.接口请求一般都是异步的，乐意返回Promise对象，使得结构更加清晰
2.网络请求url的公共部分可以单独配置到网络请求的内部
3.针对所有的接口可以进行统一的处理。
4.可以借助第三方库axios快速封装，网络请求模块。