图像和 css 不会在 VS Code 中设置为实时服务器默认设置的浏览器以外的浏览器上加载
Images and css not loading on browsers other than the one set as default for live server in VS Code
我在 vs 代码中使用 HTML 和 CSS 制作了一个静态页面。当我在打开 Mozilla firefox（我已将其设置为实时服务器的默认值）的 VS COde 实时服务器中查看页面时，一切正常。但是，当我在其他浏览器中查看文件 (index.html) 时，图像不会加载。我检查了显示无法加载资源的元素：net::ERR_FILE_NOT_FOUNDenter image description here
这与浏览器的选择无关
您的一条错误消息说它正在尝试从您的 D: 驱动器加载文件。
当从不同位置加载 HTML 文档时，相对 URL 将解析到不同位置。
服务器(http://localhost:somePort/)的URL和本地文件(file://something)的URL会有所不同。
您需要始终从服务器提供的 URL 加载 HTML 文档。您不能只从本地文件系统打开文件。
它的问题是路径。
您必须始终使用相对路径。
请使用相对路径，而不是 /img/cloud.png 使用 ./img/cloud.png
并且您还为 airplane.svg 使用了本地文件路径，但该路径不起作用。
请提供目录结构，以便我们更好地帮助您。
我在 vs 代码中使用 HTML 和 CSS 制作了一个静态页面。当我在打开 Mozilla firefox（我已将其设置为实时服务器的默认值）的 VS COde 实时服务器中查看页面时，一切正常。但是，当我在其他浏览器中查看文件 (index.html) 时，图像不会加载。我检查了显示无法加载资源的元素：net::ERR_FILE_NOT_FOUNDenter image description here
这与浏览器的选择无关
您的一条错误消息说它正在尝试从您的 D: 驱动器加载文件。
当从不同位置加载 HTML 文档时，相对 URL 将解析到不同位置。
服务器(http://localhost:somePort/)的URL和本地文件(file://something)的URL会有所不同。
您需要始终从服务器提供的 URL 加载 HTML 文档。您不能只从本地文件系统打开文件。
它的问题是路径。
您必须始终使用相对路径。
请使用相对路径，而不是 /img/cloud.png 使用 ./img/cloud.png
并且您还为 airplane.svg 使用了本地文件路径，但该路径不起作用。
请提供目录结构，以便我们更好地帮助您。