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

Question

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

リーリー

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

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

リーリー

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

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

Answer 1

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

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