使用节点/Express导入图像创建React应用程序

使用节点/Express导入图像创建React应用程序,express,create-react-app,imagesource,Express,Create React App,Imagesource,我对这一点还不太熟悉,并浏览了各种论坛。我正在努力找到最好的方法 我遵循了一个教程,该教程为您提供了使用node express后端的create react app锅炉板工作。所有这些都工作正常,React锅炉板位于我的节点应用程序中名为“site”的文件夹下。然后,我使用package.json中的代理将所有流量定向到我的API。。。所有这些看起来都相当标准,因为有很多关于这方面的教程 现在的问题是,我动态添加了图像并将其路径保存到数据库。但是,当我把这些静态图像拉出来,在我的React应用

我对这一点还不太熟悉,并浏览了各种论坛。我正在努力找到最好的方法

我遵循了一个教程,该教程为您提供了使用node express后端的
create react app
锅炉板工作。所有这些都工作正常,React锅炉板位于我的节点应用程序中名为“site”的文件夹下。然后,我使用
package.json
中的代理将所有流量定向到我的API。。。所有这些看起来都相当标准,因为有很多关于这方面的教程

现在的问题是,我动态添加了图像并将其路径保存到数据库。但是,当我把这些静态图像拉出来,在我的React应用程序中使用时,它自然找不到这些图像。我的节点应用程序(
/public/images
)中的所有内容


我一直在寻找将这些图像提供给React前端的最佳建议或最佳实践方式。

如果您需要提供静态文件,如
/public/images
中的图像,则需要在中间件中使用Express内置静态方法:

  // Top level middleware : serve static files method
  app.use(express.static(__dirname + "/public/images"));
您可以通过客户端访问您的资源:

  http://localhost:8080/my.png

有关方法的更多信息

如果需要提供静态文件,如来自
/public/images
的图像,则需要在中间件中使用Express内置静态方法:

  // Top level middleware : serve static files method
  app.use(express.static(__dirname + "/public/images"));
您可以通过客户端访问您的资源:

  http://localhost:8080/my.png
更多关于方法