使用 Node / Express 导入图像创建 React App

Question

我对此很陌生，浏览了各种论坛。我正在寻找最佳方法。

我遵循了一个教程，该教程为您提供了 create-react-app 样板与 node express 后端一起工作。所有这一切都工作正常，其中 React 样板位于我的 Node 应用程序中名为 "site" 的文件夹下。然后，我在 package.json 中使用代理将所有流量定向到我的 API...所有这些看起来都相当标准，因为有很多关于此的教程。

我现在遇到的麻烦是我动态添加了图像并将它们的路径保存到数据库中。但是当我将它们作为静态图像提取出来以在我的 React 应用程序中使用时，它自然找不到图像。全部在我的节点应用程序的 (./public/images) 内。

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

Answer 1

如果您需要提供来自 ./public/images 的图像等静态文件，您需要在中间件中使用 Express 内置静态方法：

  // Top level middleware : serve static files method
  app.use(express.static(__dirname + "/public/images"));

您可以客户端访问您的资源：

  http://localhost:8080/my.png

更多关于 express.static(); 方法

使用 Node / Express 导入图像创建 React App

Create React App with Node / Express import images

imagesource

express

create-react-app