javascript - 在 Angular 中显示保存在 Node.js 后端的图像

Question

所以我有一个关于安全的问题。想象一下，我已将动物的图片上传到服务器。我已将 1545419953137bear.jpg 保存在后端的上传文件夹中，我在其中保存所有图像。

在前端，我有这个 img 元素，我在其中使用 [src] 动态创建此上传文件夹的路径，以检索此熊图像。

我现在的问题是:这是正确的方法还是这会让我容易受到安全问题的影响？如果是这样，处理这个问题的更好方法是什么？

左侧是后端的上传文件夹，右侧是我如何创建此文件

html 代码( Angular )

<img [src]="linkImg(post.fileName)">

组件方法:此方法返回将显示图像的 url。这是正确的方法还是缺乏安全性？

linkImg(fileName) {
// base_URL returns localhost:3000 or the production URL
    return `${this.BASE_URL}/uploads/${posterProfilePic}`;
  }

Answer 1

这是处理服务图像的好方法。请记住，您的服务器应该是安全的。

如果您想保护公共(public)显示的图像，您需要通过中间件或任何服务器技术确保它们的安全，并检查请求是否经过身份验证。

从 Angular 来看，效果很好。

安全阅读 https://nodesource.com/blog/nine-security-tips-to-keep-express-from-getting-pwned/