发表于： 2020-03-08 22:42:30
0 1327
今天完成的事
1，angular多级路由实现登录页面跳转；
参考文章：https://segmentfault.com/a/1190000021051067 （主要是实现的思路）
angular官网路由守卫小节：https://angular.cn/guide/router#canactivate-requiring-authentication
由于配置文件较多，故仅列出路由配置和守卫方法
（1）多级路由的配置：
（2）守卫的方法：
明天的计划
1，解决多级路由设置完成后未跳转默认登录页面的问题，优先检查是否是路由路径的问题；
2，继续为搜索组件添加搜索匹配功能；
遇到的问题
1，多级路由设置中，地址栏url的路径正确，但是在路由配置中与/login对应的组件没有显示出来，报错也排查完成，但依旧暂时没有找到该问题所在；
收获
1，在寻找angular如何进行登录页面向其他组件跳转时，许多文章多为angularJs的，并且大多语焉不详；随后发现一篇不错的文章，使用angular多级路由的方法和路由守卫保证登录认证后才可以有权继续访问其他组件，文章中所使用的与官网具体步骤很多不太一样，所以只能根据文章中的的原理图对官网的许多步骤加深理解：
贴不了清楚的放大详情图，暂用该图理解其中的原理：
主要实现的思想是使用路由守卫在未经登录验证时将其转化到login（图左）登录组件去，登录成功后就导航到含有需要操作的布局布局组件去（其包含多个子组件，然后可以实现在需要时多个组件之间进行跳转）
返回列表
评论