Node.js 在节点js服务器的react应用程序上显示图像

Node.js 在节点js服务器的react应用程序上显示图像,node.js,reactjs,image-upload,Node.js,Reactjs,Image Upload,我正在使用学校管理系统的创建react应用程序创建react应用程序。我使用NodeJS创建api端点。我能够存储学生的详细信息,并可以将其取回以在react中显示。 我已经创建了一个用于上传学生图片的端点,它也工作得很好。 我已将图像存储在node js server公用文件夹中。我知道它应该在客户端公用文件夹中,但如果另一个应用程序(例如android、angular或vue应用程序)尝试调用同一个图像,则该图像将无法获取,因为它将存储在react公用文件夹中 那么我该如何解决图像问题呢?您

我正在使用学校管理系统的创建react应用程序创建react应用程序。我使用NodeJS创建api端点。我能够存储学生的详细信息,并可以将其取回以在react中显示。 我已经创建了一个用于上传学生图片的端点,它也工作得很好。 我已将图像存储在node js server公用文件夹中。我知道它应该在客户端公用文件夹中,但如果另一个应用程序(例如android、angular或vue应用程序)尝试调用同一个图像,则该图像将无法获取,因为它将存储在react公用文件夹中


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

您已经把所有逻辑都做对了,只需将图像URL添加到用户配置文件中,例如:

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


或者在文件服务器(如S3或Google Cloud Storage)上上载所有图像,并在用户配置文件上仅保存指向图像的链接的更好方法

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