我的后端基于Django及其REST框架。
我正在通过HTTP响应提供图像。由于这些图像包含非常敏感的数据，因此我强制客户端通过在标头中发送 TOKEN 来验证自己。
网址类似于www.mywebsite.de/api/images/<id>.
我的前端基于ReactJS。
为了将这些图片嵌入前端，我使用 axios 获取它们。之后，我使用 base64 对它们进行编码，并将 URI 放入<img />标记上的 src 属性中
现在，问题是我阅读了很多 base64 编码图像的缺点，例如臃肿的大小、缓存问题等等......这里列出了一些： https://medium.com/snapp-mobile/dont-use-base64-encoded-images-on-mobile-13ddeac89d7c
作为一个初学者，我现在问自己：有什么选择？ 如何在没有 Base64 的情况下嵌入这些图像？我无法提供静态 URL，这是肯定的。此外，我无法告诉 img-tag 使用授权标头。
我将感谢任何关于正确方向的暗示。
提前谢谢你:)
你应该看看这篇文章。总而言之，如果您的图像在公共网站上，则无法100%保护它们。但是，您可以使用以下做法将风险降至最低：
- 将
background-imagecss 规则与特定于图像的类或 ID 一起使用。 - 禁用控件，例如使用 JS 右键单击敏感数据。
- 配置
robots.txt服务器文件，以便搜索引擎不会浏览敏感数据。 - 看看阻止用户交互的JS插件，就像javascript视频播放器一样。
但是请注意，这些解决方案都不是100%可靠的。例如，可以通过检查 html 并对其进行解码来复制粘贴 base64 字符串。