画像はホストされたサイトに表示されません

Question

これを見る時間を取ってくれてありがとう、私はできる限り最善の方法で研究しましたが、何も起こっていません。私は画像が処理されるのを待つことについて同様のスタックオーバーフローポストを見ましたが、私は約2.5時間待っていて、画像はまだ失われています。

Firefireで角度ファイアを使用しています。私はgruntビルドを使って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/**" 
    ] 
} 

アプリ自体がうまく配置されていて、すべての画像が404ingです。私が推測していることを前もってお詫びします。

Answer 1

私はこの問題を解決しました。構築プロセス中のグランツのイメージは、イメージに「何か」をもたらし、イメージを表示しませんでした。将来的に他の人がこれに遭遇する場合に、この記事を更新することを最終的にそしてうまくいけば覚えています。しかし、その間、ビルドされたイメージフォルダをソースに置き換えるだけで問題は解決しました。

Answer 2

src、rel、およびhrefタグは右のファイルを取得中firebase問題が発生absolute url Sが含まれているので、それはおそらくです。 あなたがしなければならないことは、すべてのURLがimages/image1.png のようになることです。cssとjsのリンクでもこれを行う必要があります。 また、すべてのものをpublicという名前のフォルダに格納する必要があります。または、特定のディレクトリをパブリックとして使用するかどうかをコマンドプロンプトで確認しながら、その名前をディレクトリに変更する必要があります。