ホームページ  >  に質問  >  本文

ページに画像が読み込まれない

Web アプリケーションにスライド画像をロードしたいので、Bootstrap カルーセルを使用しています。背景から写真を取得します。画像はイメージ状態で保存されます。以下はデータを取得するための JSON 形式です。

リーリー

画像をアップロードすると、画像は Nodejs の特別なフォルダーに保存され、そこからエンドポイントを使用して画像を抽出します。以下は Nodejs コードです。 リーリー

これは、Web アプリケーションで画像を取得して表示するための ReactJs コードです:

リーリー

しかし、画像がアプリに読み込まれない理由はわかりません。助けて説明してください。 また、以下のコードのように、エンドポイントを使用して img src 内の画像を取得します。 リーリー

もっと良い方法がある場合は、提案してください。

P粉238433862P粉238433862427日前570

全員に返信(1)返信します

  • P粉754473468

    P粉7544734682023-09-10 14:00:03

    クライアントとサーバー間のネットワーク エラーが疑われます。サーバーが別のポートから実行されていると仮定しているため、React アプリが実行されているポート (おそらく 3000) からの CORS 構成が許可されるはずです。開発ツール、特にコンソール タブをチェックすると簡単にわかります。

    React アプリケーションの静的フォルダーに画像を保存してみてはいかがでしょうか?画像は毎回動的に作成されますか?

    返事
    0
  • キャンセル返事