2016-03-21 51 views
3

感谢您花时间看这个,我已经研究尽我所能,但没有提出任何事情。我看到一个类似的堆栈溢出帖子,关于等待图像进行处理,但我一直在等待大约2.5小时,图像仍然丢失。图片没有显示在托管网站

我正在使用Firefire与Firebase。我正在使用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/**" 
    ] 
} 

该应用程序本身部署就好,工作,所有的图像只是404。我提前道歉,我所猜测的是一些非常基本的东西,我错过了。

回答

1

所以,我有点解决了这个问题。在构建过程中,Grunt的imagemin事物对图像造成了“某些东西”,导致它们无法显示。我会找出最终和希望记住更新这篇文章的情况,以防其他人在未来遇到这种情况。但与此同时,只用源码替换已构建的图像文件夹就能解决问题。

+0

你解决了这个问题吗? –

2

这可能是因为src,relhref标签包含absolute url,这会导致在获取正确文件时发生Firebase问题。 你必须做的是,让所有的URL都是相对的,例如:images/image1.png 你必须这样做,即使你的cssjs链接。 另外,您必须将所有文件存储在名为public的文件夹中,或者在命令提示符下提示您将特定目录用作公共目录时,必须将名称更改为目录。