如何使用 canActivate 保护 Angular CLI 资产答案

【问题标题】：How to Protect Angular CLI Assets with canActivate如何使用 canActivate 保护 Angular CLI 资产
【发布时间】：2017-07-25 21:14:22
【问题描述】：

现在任何人都可以通过http://localhost:4200/assets/filename.pdf 访问我的assets，即使用户没有登录。如何使用canActivate 保护我的assets？

这样的东西会很理想：{ path: 'assets/*', canActivate: [LoginService] },

谢谢。

【问题讨论】：

我希望，我们做不到。 canActive 用于路由目的。 blog.thoughtram.io/angular/2016/07/18/guards-in-angular-2.html

【解决方案1】：

没有。您想使用服务器端身份验证和授权来保护文件访问。

始终假设任何人都可以访问您的 Angular 应用程序中的资产。

【讨论】：

【解决方案2】：

您想通过后端进行身份验证，但您还想使用 canActivate 和 AuthGuard 之类的东西在 Angular 中设置您的路由，以便唯一可以访问的初始路由是登录路由/组件。这样，在登录身份验证发生之前，没有其他资产/路由可用。

【讨论】：