图像未显示在托管网站中

Question

感谢您抽出时间来研究这个问题,我尽可能地研究,但我没有提出任何建议.我看到一个关于等待图像处理的类似堆栈溢出帖子,但我已经等待了大约2.5小时,图像仍然缺失.

我在Firebase中使用angularfire.我正在使用grunt构建来创建一个dist文件夹,这就是我正在部署到Firebase的内容.dist文件夹包含一个images文件夹,firebase说它在部署时上传了780个文件(在我添加图像之前它大约是25个).

但是,图像似乎没有显示出来.网址格式为my-app.firebaseapp.com/images/image-name.jpg

我的firebase.json文件如下所示,非常基本.

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

应用程序本身部署得很好并且有效,所有图像都只是404.我提前道歉,因为我猜测的是我非常基本的东西.

Answer 1

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

Answer 2

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