分析:考察前后端分析的鉴权思路
解析:
-
首先要明白什么时前端鉴权?在传统色的项目中都是后端鉴权,然后通过进行拦截,跳转,对应操作。而现实时前后端分离项目,也就是前端项目和后端服务器进行了剥离,因此后端无法通过session来存储你任意一个前端项目域名下的身份信息,所以jwt鉴权问题就应运而生了;
-
换句话说,后端不再提供会话的身份存储,而是通过一个鉴权的接口将用户的身份。登录时间,请求端口,协议…等信息组装成一个加密的串返回给前端,前端拿到了这个串,就可以认为自己登录成功。
-
这个加密串就成了前端用户是否登录的成功标志,这就是我们的token,那么在接下来的接口请求中,我们机会都要携带这个加密串,因为它是唯一能证明我们身份分信息
-
为了方便,我们一般会在请求工具ajax(举例)的拦截中统一注入token,减少代码的重复(同时我们需要注意。token同时具有时效性,我们也需要在此时对token过期进行处理,一旦出现过期的请求码,就需要换取新的token或者重新登录的解决方案
-
除此之外,我们还许哟啊依据有误加密串在前端对于某些页面的访问进行限制,这个会用到我们路由Vue-Router中的导航守卫router.beforeEach去判断token;
2.进入主题
- vue当页面项目设计到多角色用户权限问题,不同的角色用户拥有不同的功能权限,不同的用户权限对应不同的页面(如超级用户和普通用户)
总:对于前端需要做的如下
1.先定义一个全的,所有的路由数组
2.当用户登录之后,后台返回当前用户的数据如路由(不同用户不同路由数据)
3.前端拿到路由列表去循环和1定义的圈的路由对比,然后指定用户返回指定的数据渲染即可
基础学习:
前端最基础的就是 HTML , CSS 和 JavaScript 。
网页设计:HTML和CSS基础知识的学习
HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。
CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
动态交互:JavaScript基础的学习
JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。