Question

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

我遵循了一个教程，该教程为您提供了create-react-app样板工作以及节点快速后端。所有这些工作正常，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();方法的更多信息