Javascript 如何在React中显示作为文件下载的图像&;是否保存在服务器上的文件夹中,文件路径存储在我的数据库中? 简短的设置、问题和代码摘要 安装程序

Javascript 如何在React中显示作为文件下载的图像&;是否保存在服务器上的文件夹中,文件路径存储在我的数据库中? 简短的设置、问题和代码摘要 安装程序,javascript,node.js,reactjs,express,Javascript,Node.js,Reactjs,Express,React.js、Node.js/Express.js和PostgreSQL 我抓取了一本书的ImageUrl,下载并将其存储在带有Node.js的图像文件夹中的文件中,并将文件路径存储在我的postgreSQL数据库中,我希望获取并在 在devtool控制台中,我得到以下错误: 得到http://localhost:3002/images/image-193x278.png [HTTP/1.1 404找不到0毫秒] (注意:我的前端在本地主机3002上运行,而我的服务器和前端在3001上与代理

React.js、Node.js/Express.js和PostgreSQL

我抓取了一本书的ImageUrl,下载并将其存储在带有Node.js的图像文件夹中的文件中,并将文件路径存储在我的postgreSQL数据库中,我希望获取并在

在devtool控制台中,我得到以下错误:
得到http://localhost:3002/images/image-193x278.png
[HTTP/1.1 404找不到0毫秒]

(注意:我的前端在本地主机3002上运行,而我的服务器和前端在3001上与代理并行运行,但这不是问题的根源)

代码 反应码 我试着用两种不同的方式展示它:

<img className={css(styles.Image)} src={image.test_images} alt="" />
我提供一个快速静态文件

app.use(express.static('images'));
为了以防万一,我还试了另外两种

app.get('/test', express.static(__dirname + '../images'));
app.use(express.static('../images'));
仍然没有成功。
我希望我能尽可能地让大家理解我自己,我将非常感谢为我提供的每一个帮助。

问题在于你的静态文件夹。静态文件将在
localhost:3002/:filename
上提供

如果要使其在
/images
路径下工作,则可以将路径添加到静态声明中,如

app.use('/images', express.static('images'))
然后您可以点击
localhost:3002/images/:filename


您可以在这里找到文档:

您在console.log(数据)中得到了什么?(1)[…]​ 0:对象{test_images:“images\\image-193x278.png”}​ 长度:1​ : Array[]您说过可以在“localhost:3001/image-193x278.png”上看到图像,但您将路径设置为
http://localhost:3002/images/image-193x278.png
。当你在浏览器中点击这条路径时,你得到了什么吗?没有,我没有得到任何东西。
app.use(express.static('images'));
app.get('/test', express.static(__dirname + '../images'));
app.use(express.static('../images'));
app.use('/images', express.static('images'))