(Vue)JS の API から画像を取得してレンダリングしますか?

Question

localhost:3000 で VueJS を実行している Web サイトがあり、this.nextImage() を呼び出す処理を実行します。

リーリー

localhost:5050 は、以下を含む Express サーバーです:

リーリー

response.data が与えるレコードの内容

リーリー

非常に単純なことが 2 つ必要です:

1. 正しくレンダリングされる画像
2. 画像名

Answer 1

これは非常に簡単な修正です。実際にはファイル自体を送信する必要はなく、ファイルへのリンクだけを送信する必要があります ( app.send(imagePath) だけです)。クライアントがサーバーに対して GET 呼び出しを行うと、URL を取得します。この URL は、<img source="imagePath"> のように img タグで囲むことができます。