Security 保护和优化Angular 2图像URL

我正在建立一个angular 2网站，只有经过身份验证的用户才能访问内容。其中一些内容是人物照片，只有经过身份验证的用户才能访问这些内容。此外，这些图像应根据调用它们的设备以优化的方式传送；例如，视网膜移动屏幕或老式笔记本电脑

---

关于如何（或最佳实践）正确实现这一点有什么想法吗？

我们做了类似的事情，但我们不使用Angle，而是使用css来确定要显示的图像。基于视口为其附加图像的单独类。你想要一个明确的答案吗？或者显示不同图像的视口可以工作吗？

谢谢，但实际上我不确定我是否了解CSS的确切外观，以及这将如何解决安全问题。肯定会涉及很多代码。但是在CSS方面，你需要为视网膜显示2x图像，这类似于（如果使用原始CSS）

@media（最小宽度：700px）{background:yourImageRules}

在html中，你需要设置服务来检测你进入的用户类型。如果您有一个登录服务，我确信您在用户对象上有一个可以映射到的安全类型。您可以执行*ngIf检查用户的安全类型，并以这种方式显示图像。