图片未显示在托管站点中答案

【问题标题】：Images not showing up in hosted site图片未显示在托管站点中
【发布时间】：2016-03-21 19:36:39
【问题描述】：

感谢您抽出宝贵时间查看此内容，我已尽我所能进行了研究，但没有提出任何建议。我看到一个类似的关于等待图像完成处理的堆栈溢出帖子，但我已经等待了大约 2.5 小时，图像仍然丢失。

我在 Firebase 中使用 angularfire。我正在使用 grunt build 创建一个 dist 文件夹，这就是我要部署到 Firebase 的内容。 dist 文件夹包含一个 images 文件夹，firebase 说它在部署时正在上传 780 个文件（在我添加图像之前它大约是 25 个）。

但是，图像似乎没有显示出来。 URL 模式是 my-app.firebaseapp.com/images/image-name.jpg

我的 firebase.json 文件如下所示，非常基础。

{
  "firebase": "<redacted>",
  "public": "dist",
  "ignore": [
    "firebase.json",
    "**/.*",
    "**/node_modules/**"
  ]
}

应用程序本身部署得很好并且工作正常，所有图像都只是 404ing。对于我所猜测的一些非常基本的东西我错过了，我提前道歉。

【问题讨论】：

标签： firebase-hosting

【解决方案1】：

在重新部署一百万次无济于事后，我认为我必须排除故障并找出问题所在。我检查了文件的 url，即https://exampleApp.firebaseapp.com/img/myimg.png 或任何你的情况。本质上，我的问题只是区分大小写。因此，文件被存储为 myimg.PNG，而不是 myimg.png。因此，只需检查该扩展是否是您的问题。

【讨论】：

【解决方案2】：

这可能是因为src、rel 和href 标签包含absolute urls，这会在访问正确的文件时导致firebase 问题。你必须做的是，让所有的 URL 都是相对的，例如：images/image1.png 即使使用 css 和 js 链接，您也必须这样做。此外，您必须将所有内容存储在名为 public 的文件夹中，否则您必须在命令提示符中提示您将特定目录用作公共目录时将名称更改为您的目录。

【讨论】：

【解决方案3】：

所以，我解决了这个问题。 Grunt 在构建过程中的 imagemin 事情对导致它们不显示的图像做了“一些事情”。我会弄清楚最终会发生什么，并希望记得更新这篇文章，以防其他人在未来遇到这个问题。但与此同时，只需将构建的图像文件夹替换为源即可解决问题。

【讨论】：

你解决了这个问题吗？