为什么我的图像在某些页面上不显示？

Question

我正在使用 React-js 来设计我的网站。我正在制作一个具有多个页面的网站，其URL结构有点像这样：

%PUBLIC_URL%/
├── /home
├── /store
│   ├── /prebuilt
│   └── /parts
├── /services
│   ├── /repairs
│   └── /building
└── /about

当您在页面上时：

%PUBLIC_URL%/home  |  %PUBLIC_URL%/about  |  %PUBLIC_URL%/store  |  PUBLIC_URL%/services

标题中的徽标显示正常。 但是当您进入子页面时，

%PUBLIC_URL%/store/prebuilts  |  %PUBLIC_URL%/store/parts  |  etc

徽标图像将不会显示。

我编辑过的所有文件都在这个 github 存储库中：

https://github.com/LukeCripps/Compusell

徽标图像的位置是：

public/img/Logo/Logo.png