除了在VS Code中设置为实时服务器默认的浏览器之外，无法在浏览器上加载图像和css
提问于 2021-05-18 08:56:52
我在vs代码中使用HTML和CSS制作了一个静态页面。当我在打开Mozilla firefox (我已将其设置为实时服务器的默认设置)的VS COde live服务器中查看页面时，一切都运行正常。当我在其他浏览器中查看文件(index.html)时，图像不会加载。我检查了一下显示加载资源失败的元素: net::ERR_FILE_NOT_FOUNDenter image description here
回答 2
Stack Overflow用户
回答已采纳
发布于 2021-05-18 09:03:00
its的问题在于路径。您必须始终使用相对路径。请使用相对路径，因此请使用./img/cloud.png而不是/img/cloud.png
此外，您还为airplane.svg使用了一个不起作用的本地文件路径。
请提供我们的目录结构，以便我们能更好地帮助您。
Stack Overflow用户
发布于 2021-05-18 08:59:04
这与浏览器的选择无关。
其中一条错误信息显示它正在尝试从您的D:驱动器加载文件。
从不同位置加载HTML文档时，相对URL将解析到不同位置。
服务器的URL (http://localhost:somePort/)和本地文件的URL (file://something)将是不同的。
您需要始终从服务器提供的URL加载HTML文档。您不能仅从本地文件系统打开该文件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67583013
复制相关文章
点击加载更多
腾讯云开发者
