Angular：保护整个应用程序

Question

我正在使用OAuth隐式流程在我的应用中进行身份验证。

当用户未经过身份验证时，他将被重定向到auth服务器的登录屏幕（我的应用程序没有自己的登录屏幕）。

我的应用没有任何不安全的路线 这意味着当我没有经过身份验证时，我无法访问任何路线。

当然，我可以在我的每条路线上设置一名认证警卫 但如果我可以说整个应用程序都是安全的，这样我就不需要在我拥有的每条路线上都设置警卫。

这可能吗？

我认为另一件不太好的事情是，在我被重定向到登录界面之前，我在短时间内看到“正在加载...”消息。

我有可能看不到这条消息吗？

谢谢！

Answer 1

您可以使用canActivate和canActivateChild创建一个根路由，并保护其中任何子级。

“正在加载...”可能来自您的index.html，请在<app-root>内查看。这是用户在Angular bootstraps之前看到的内容。