生產后訪問公共目錄中的文件（create-react-app）

Question

我一直在 Create-react-app 工作，並且有一個開發版本可以發布了。 我運行了此處看到的命令，並成功部署到 GitHub 個頁面。 部署后，我回去進行一些更改，我的“公共”目錄中的文件不再顯示在開發中（我使用npm start返回開發，這可能是問題的根源）。

我在從“src”目錄訪問的“public”目錄中有一些圖像（我知道通常不推薦這樣做，但它與我在課程中所做的一些練習題一致）。 文件路徑在開發和生產中都運行良好。 但是當我回到開發時，我似乎處於不同版本的開發中。 以下是我的文件路徑的一些快照，希望能夠澄清：

1. 我電腦上的文件路徑。 從 src/components/TravelCard.js，我需要訪問 public/images/ 中的項目。 它在<img src={`./images/${props.img.tripPic}`} alt=""/>的開發和生產中運行良好

   

2. 生產前 Chrome 開發工具中顯示的文件路徑（請注意，這是來自一個類似的項目，因為我無法從當前項目返回它）。

   

3. 生產后使用npm start訪問時，Chrome Dev Tools 中顯示的文件路徑。

   

如果這不能提供足夠的信息，我很樂意解釋更多。 我的倉庫在這里。 感謝您的幫助。

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 。