【发布时间】：2017-03-12 23:14:55
【问题描述】：
我正在构建一个只有经过身份验证的用户才能访问内容的 Angular 2 网站。其中一些内容是人们的照片，必须仅限经过身份验证的用户才能访问。此外，这些图像应该根据调用它们的设备以优化的方式传递；例如，视网膜移动屏幕或老式笔记本电脑。
关于如何（或最佳实践）正确实现这一目标的任何想法？
【问题讨论】：
标签： security angular access-control responsive-images
【发布时间】：2017-03-12 23:14:55
【问题描述】：
我们做这样的事情，但我们不使用角度，我们使用 css 来确定要显示的图像。基于视口为它们附加图像的单独类。你想要一个角度2的具体答案吗？或者显示不同图像的视口会起作用吗？
【讨论】：
-
谢谢，但实际上我不确定我是否了解您的 CSS 究竟是什么样的，以及这将如何解决安全问题。
-
肯定会涉及很多代码。但是在 CSS 方面，您将拥有用于视网膜显示的 2x 图像，并且类似于（如果使用原始 CSS）
@media (min-width: 700px) { background: yourImageRules }在您的 html 中，您必须设置服务以检测您拥有的用户类型进来。如果您有登录服务，我相信您在用户对象上有一个可以映射到的安全类型。您可以执行 *ngIf 来检查用户拥有的安全类型并以这种方式显示图像。