在 React 中访问本地项目文件夹之外的图像

Question

我正在开发一个带有 React 前端和 .NET Web API 后端的 Web 应用程序。该应用程序将有大量用户上传的图像。对我来说，将这些图像存储在 React 项目文件夹中似乎不合逻辑，我最终可能会使用 Azure Blob 存储。我的问题是在开发过程中如何在本地主机上模拟这个？如何从 React 项目文件夹之外的目录访问图像？一旦投入生产，它将获取云存储目录的图像 URI，但有没有办法在本地计算机上的开发过程中模拟它？我想我现在可以设置云存储帐户，但希望节省一些 $$$，直到应用程序接近完成时才这样做。

Answer 1

在本地创建一些简单的服务器端应用程序，并使用图像端点来从您的文件夹发送文件？

我在react+node.js应用程序中使用了类似的解决方案，并通过将“/api/images/:id”字符串放入div的

<img src/>

或

background-image

属性中来访问这些照片。