为什么部署react js到github页面后找不到图片？

Question

将我的 React 项目部署到 github 页面后，我遇到了一些错误。所有图像均未显示。 我一直在尝试一些解决方案，例如将路径从“../”更改为“./”，但什么也没发生，然后我更改为“/”，它也不显示图像。然后我尝试将所有图像移至公共文件夹。还是什么都没有发生

这是我尝试过的解决方案

<img src="src/assets/img/ramen.jpg" />
<img src="./src/assets/img/ramen.jpg" />
<img src="./public/assets/img/ramen.jpg" />
<img src="/public/assets/img/ramen.jpg" />
<img src="public/assets/img/ramen.jpg" />
<img src="assets/img/ramen.jpg" />

这是我的存储库 https://github.com/callmecua1/Kitsune

Answer 1

如果文件在此根目录中

公开/图片/ 使用这个根

<img src="/images/logo.png" />

但是如果 src(/src/images) 内的文件夹并将您的图像保留在其中 使用这个根

'./images/image-name.jpg'