React：如何在src和公用文件夹之外加载图像

Question

我的项目就是这种结构：

├── api
├── db
│   └── images
├── ui
│   └── public
│   └── src
│   |    └── App.js

我的应用程序是使用create-react-app创建的，因此我无法将文件导入src目录之外，并且我不希望这些图像位于公用文件夹中：如何拥有img标签：

<img src="db/images/img_1.jpg">

使用src在db / images文件夹中获取图像，完全在react app之外吗？

谢谢您的回复

Answer 1

另一种选择是将图像放入src并以反应方式引用。考虑以下内容：

├── ui
│   └── public
│   └── src
│   |    └── App.js
         └── img_1.jpg

app.js

import img from "./img_1.jpg";

然后在渲染img标签中

<img src={img} />

希望这对您有用吗？ iirc，这样可以防止某人从您的公用文件夹中热加载图像。

如果将图像移动到您的react项目中实际上是0种方式，那么我认为唯一的方法就是将图像上传到某个位置，并从诸如S3之类的文字链接中引用它们