文件上传-Node Js（Express）到React Js。 如何获得正确的图像路径？

Question

我正在开发本地系统，并在Node js中开发文件上传功能。 目前，我的文件结构如下。

Project
..client
.... source code of React App
..Server
....uploads
......avatar
........image.png
....index.js

这里的server是Node js代码，Client是React js代码。

因此，我开发了一个API将图片上传到“服务器/上传/头像”中。 如您所见，“上载”文件夹中有一张名为“ avatar.png”的图像。

我的问题是，显示使用完整域路径访问该特定图像的路径是什么？ 我想要API中的这种结果。 防爆。
{头像：“ http://192.168.1.100:3000/ *”}。 将*视为剩余图像路径。 但是我无法在客户端访问图像。 我不知道这是否正确。 可能是我需要在index.js文件中为Nodejs设置静态路径。 不确定。

Answer 1

您应在如下所示的快速配置中设置静态文件夹路径：

app.use(express.static('public'))

当然，您将需要使用该名称创建一个新文件夹，然后将所有资产放入其中，之后您将可以访问以下文件：

http://localhost:3000/kitten.jpg