从节点 js 服务器在反应应用程序上显示图像答案

【问题标题】：Display image on react app from node js server从节点 js 服务器在反应应用程序上显示图像
【发布时间】：2020-04-21 02:48:19
【问题描述】：

我正在使用 create-react-app 为学校管理系统创建一个反应应用程序。我曾使用 node js 来创建 api 端点。我能够存储学生的详细信息，并且可以将其取回以在反应中显示。我创建了一个用于上传学生图像的端点，它也很完美。我已将图像存储在节点 js 服务器公用文件夹中。我知道它应该在客户端公用文件夹中，但是如果另一个应用程序（例如 android 或 Angular 或 vue 应用程序尝试调用相同的图像）将无法获取，因为它将存储在反应公用文件夹中。

那么我该如何解决图像问题呢？

【问题讨论】：

假设您使用的是 express，您需要一条从 node.js 提供静态文件的路由，您可以使用 - expressjs.com/en/starter/static-files.html 您的端点需要将图像作为服务器上文件夹中的静态文件提供
将其存储在服务器上。将图像的 url 作为值传递给图像的 src 元素

标签： node.js reactjs image-upload

【解决方案1】：

您已正确完成所有逻辑，只需将图像 URL 添加到用户配置文件，例如：

imageUrl: 'https://{你的 API URL}'

或者将所有图片上传到 S3 或 Google Cloud Storage 等文件服务器上的更好方法，并且只保存用户个人资料中图片的链接

【讨论】：