Bilder, die nicht in der gehosteten Website angezeigt werden

Question

Danke, dass Sie sich die Zeit genommen haben, um dies zu betrachten, ich habe so gut wie möglich recherchiert, aber ich habe nichts gefunden. Ich habe einen ähnlichen Stapelüberlauf gesehen, der darauf wartet, dass Bilder verarbeitet werden, aber ich habe ungefähr 2,5 Stunden gewartet und die Bilder fehlen noch.

Ich benutze angularfire mit Firebase. Ich verwende grunt build, um einen dist-Ordner zu erstellen, und das stelle ich in Firebase bereit. Der Ordner dist enthält einen Bilderordner und der Firebase sagt, dass beim Hochladen 780 Dateien hochgeladen werden (bevor ich die Bilder hinzugefügt habe, waren es ungefähr 25).

Die Bilder scheinen jedoch nicht zu erscheinen. Das URL-Muster ist my-app.firebaseapp.com/images/image-name.jpg

Meine firebase.json Datei ist unten gezeigt, es ist ziemlich einfach.

Die App selbst entfaltet sich gut und funktioniert, alle Bilder sind nur 404ing. Ich entschuldige mich im Voraus für das, was ich vermute, ist etwas sehr einfaches, das ich vermisse.

Answer 1

Also habe ich das Problem irgendwie gelöst. Grunts imagemin-Sache während des Build-Prozesses hat "etwas" zu den Bildern geführt, die sie nicht anzeigen ließen. Ich werde herausfinden, was schließlich und hoffentlich daran denken, diesen Beitrag zu aktualisieren, falls andere in Zukunft darauf stoßen. Aber in der Zwischenzeit reparierte nur das Ersetzen des eingebauten Bilderordners mit der Quelle das Problem.

Answer 2

Es ist wahrscheinlich, weil die src, rel und href Tags absolute url s enthalten, die Feuerbasis Probleme verursacht, während auf der rechten Seite Datei zu bekommen. Was Sie tun müssen, ist, dass alle URLs relativ sind, wie zum Beispiel: images/image1.png Sie müssen dies auch mit Ihren css und js Links tun. Außerdem müssen Sie alle Objekte in einem Ordner mit dem Namen public speichern, oder Sie müssen den Namen in Ihr Verzeichnis ändern, wenn Sie in der Eingabeaufforderung aufgefordert werden, ein bestimmtes Verzeichnis als public zu verwenden.