圖像和 css 沒有加載到瀏覽器上，除了在 VS Code 中設置為實時服務器的默認瀏覽器

Question

我在 vs 代碼中使用 HTML 和 CSS 制作了 static 頁面。 當我在 VS COde 實時服務器中查看打開 Mozilla firefox 的頁面時，一切正常（我已將其設置為實時服務器的默認設置）。 當我在其他瀏覽器中查看文件 (index.html) 時，圖像不會加載。 我檢查了元素，上面寫着 Failed to load resource: net::ERR_FILE_NOT_FOUND enter image description here

Answer 1

它的問題是路徑。 您必須始終使用相對路徑。 請使用相對路徑，而不是/img/cloud.png使用./img/cloud.png

而且您還使用了airplane.svg的本地文件路徑。svg 不起作用。

請向我們提供目錄結構，以便我們更好地幫助您。

Answer 2

這與瀏覽器的選擇無關。

您的一條錯誤消息說它正在嘗試從您的 D: 驅動器加載文件。

當 HTML 文檔從不同位置加載時，相對 URL 將解析到不同位置。

服務器的 URL ( http file://something http://localhost:somePort/ ) 和 URL 的本地文件 (filesomething ) 將轉到不同的本地文件。

您需要始終從服務器提供的 URL 加載 HTML 文檔。 您不能只從本地文件系統打開文件。