生产后访问 public 目录中的文件（create-react-app）

Question

我一直在 Create-react-app 工作，并且有一个开发版本可以发布。我 运行 命令如看到 here 并成功部署到 GitHub 页面。部署后，我回去进行一些更改，我的 'public' 目录中的文件不再显示在开发中（我使用 npm start 返回开发，这可能是问题的根源）。

我从 'src' 目录访问的 'public' 目录中有一些图像（我知道通常不推荐这样做，但它与我在课程中做的一些练习题一致).文件路径在开发和生产中都运行良好。但是当我回到开发时，我似乎处于不同版本的开发中。以下是我的文件路径的一些快照，希望能澄清：

1. 我电脑上的文件路径。来自 src/components/TravelCard.js，我需要 访问 public/images/ 中的项目。它在开发中运行良好 和 <img src={`./images/${props.img.tripPic}`} alt=""/>

   的生产

2. 生产前 Chrome Dev Tools 中显示的文件路径（注意这是来自一个类似的项目，因为我无法从当前项目返回它）。

3. 生产后使用 npm start.

   访问时 Chrome Dev Tools 中显示的文件路径

如果这不能提供足够的信息，我很乐意解释更多。我的回购是 here。感谢您的帮助。

Answer 1

编辑：我完全错了。这是 create-react-app 个项目的正确答案：

<img src={process.env.PUBLIC_URL + '/img/logo.png'} />;

https://create-react-app.dev/docs/using-the-public-folder/#adding-assets-outside-of-the-module-system

---

（旧答案）

没有.，只有/images/rest/of/file/path。