[Django][Vue]imgタグのsrc属性にて指定するパスの画像をバックエンドから取得したい

Question

聞きたいこと

Vue, Djangoを使用してローカル環境でWebアプリ開発をしています。
(Djangoはlocalhost:8000で可動、Vueはlocalhost:3000で可動)

バックエンドにてImageFieldで指定されたパスの画像を、フロントエンド側のimgタグで表示したいと思っていて、下のような実装をしています。

:
<img :src="{path_to_image}">
:

※ path_to_imageにはバックエンドから取得したImageFieldの値が入っています。

ただ、上記のような実装だと、フロントエンド側のlocalhost:3000/path_to_imageに画像を取得しに行ってしまい、404エラーとなってしまいます。
試しにlocalhost:8000/path_to_imageにすると、画像は正常にブラウザで表示されます。

imgタグのsrc属性にバックエンドのポートを指定して取得する方法はありますでしょうか。

Answer 1

やるんだったら

<img :src="{{path_to_image}}">
```じゃないですか？

Answer 2

文字列で処理してフルパスで書いたらだめ？

<img :src="'http://localhost:8000/'+path_to_image">