我网站的图片不在线显示，仅在本地模式下显示

Question

*https:// 大家好。我目前正在 Reactjs 中开发一个相册应用程序。

该应用程序在本地运行良好，照片出现在屏幕上。我在 Google Firebase 上托管了我的网站。问题是一旦托管，照片就不再出现。照片路径位于 Json 文件中。

我认为问题出在路径（localhost：3000）上，这很糟糕，但我不知道如何解决它。

这是网站地址：你会看到没有照片出现：https://picturescope-596d0.web.app/ 这是我项目的Github地址。 ：https://github.com/CaptainBeatty/picturescope

提前感谢您的帮助。*

我想将我的图片显示为本地模式。

Answer 1

您的图片路径格式错误。写为

background-image: url("../../public/image-3.jpg");

这不是托管应用程序的有效 URL。该 url 应该是正确的 url 路径。您可以查看 webpack 将图像捆绑到您的 React 应用程序中，并在您的组件中使用它们。另一种选择是将文件托管在服务器端，然后您可以使用相对路径（例如“/public/image-3.jpg”，具体取决于您如何设置服务器）