这有点奇怪。
我正在开发一个 React 应用，public 文件夹中有一些图片：
my-app/public/images {images in here}
果然，在我的 React 组件中，我可以访问图像：
<img src='/images/img-1.jpg' />
我也可以在浏览器中调出图像：
http://localhost:3000/images/img-1.jpg
到目前为止，一切都很好。
但这里有一个奇怪的地方...
在我的 CSS 中，如果我执行 background-image: url('/images/img-1.jpg');，我会得到：Error: Can't resolve '/images/img-1.jpg。
我尝试过 images/img-1.jpg、../images/img-1.jpg、/public/images/img-1.jpg，所有尝试都导致相同的错误。
我已经解决了我在以下位置创建图像的问题：
/src/src-images/...
这有效，但这意味着我必须在两个位置放置图像。这不可能是对的：
background-image: url('src-images/img-1.jpg'}); // For CSS
<img src='/images/img-1.jpg' /> // For component
有谁知道我做错了什么，或者图片必须在两个文件夹中？！？
顺便说一句，如果我只将图像放在 src 文件夹中，组件代码将无法访问它们！！
感谢您的帮助。