Firebase 部署后没有显示图像？答案

【问题标题】：Images not appearing after Firebase deploy?Firebase 部署后没有显示图像？
【发布时间】：2021-10-26 07:45:35
【问题描述】：

我正在用一个新网站更新我的在线作品集（我从 Free-Css.com 获取了一个模板）。当我预览它时，它工作正常。通过 Firebase 部署网站后，我的图像都不会出现。

所有图片都在公用文件夹中，这是我的主机设置的位置。以下是其中一张图片的示例：

<div class="col-md-6 about-img-div">
                <!-- <div class="about-border" data-aos="fade-up" data-aos-delay=".5"></div> -->
                <img src="Headshot.jpg" width="400" class="img-responsive" alt="" align="right" data-aos="fade-right" data-aos-delay="0" />

即使我使用拉路径名，图像仍然没有出现。请注意，如果我只是打开 HTML 文件，它们确实会出现，但在部署时不会出现。我究竟做错了什么？这是网站：https://evanmny.com

【问题讨论】：

@FrankvanPuffelen 是的，你明白了。回复较晚，抱歉。感谢您的帮助！

标签： html css firebase image deployment

【解决方案1】：

我不确定您如何创建/生成 HTML，但是当我在浏览器中加载您的网站时查看网络选项卡时，我发现它试图读取此 URL：

https://evanmny.com/Users/evanmullen/Public/city.jpg

应该是：

https://evanmny.com/city.jpg

【讨论】：