图像未显示在 firebase 托管网站上

Question

我在我的项目/公共文件夹中运行命令firebase deploy ，其中包含index.html ， main.css和图像文件夹，我的网页已托管但图像未显示在我的网页中。

Answer 1

希望这会对面临此类问题的人有所帮助：

问题

图像未显示在 firebase 托管网站上。 这个问题主要是由于一些版本问题..

问题的解决方案：

1. 这可能是由于图像的点扩展格式（.png、.jpg..等）造成的。 改变这将有助于解决问题[例如。 如果您的图像格式是.png，只需将其更改为.jpg 格式并检查]。

2. 下一个解决方案是更改您提供图像路径的方式，即

   background-image: url("src/img/imageName.format"); //normal way background-image: url("../img/ImageName.jpg"); //use this way

=> 参考网站： https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files#:~:text=Some%20general%20rules%20for%20file%20paths%3A

提前致谢：）

Answer 2

我遇到了同样的问题。 通过提供相对路径网址解决了这个问题

示例：而不是使用img src="User/local/..../img/pic.png使用img src="img/pic.png"

其中img是包含所有图像的公共目录中的文件夹

由于firebase控制台正在从公共目录读取您的页面（您可能在其他文件夹中完成所有编码后创建），因此如果您使用图像的相对路径，更改父文件夹将不会影响网页图像。

现在使用firebase部署。