圖像未從本地顯示

Question

我想從我的本地顯示圖像，但它是這樣顯示的。

我不明白這里有什么問題！

我在 provider.js 文件中使用的以下img代碼

 <img src='../../../public/icons/videoOn.png'/>

Answer 1

不要使用 path 作為src ，因為它必須可以通過 web 訪問。

意味着你需要src="http://example.com/public/icons/videoOn.png"或src="/public/icons/videoOn.png"

---

在這種情況下，請始終檢查網絡選項卡並查看瀏覽器嘗試從何處獲取文件。 您必須能夠訪問相同的 URL 並訪問文件

Answer 2

查看截圖后，這看起來像一個 React JS 項目。 對於靜態資源，您需要導入它們，但src是它們位於src文件夾中。 如果它們在public文件夾中，您可以執行以下操作：

<img src='/icons/videoOn.png' />

上面的代碼應該適合你。 如果您將其部署到非 root 用戶並且應該更安全，請使用process.env.PUBLIC_URL ：

<img src={process.env.PUBLIC_URL + '/icons/videoOn.png'} />