Vuejsでサーバから画像を動的に取得する方法

Question

<img class="img-responsive" :src="'http://10.20.10.161:8000/content_images/'+video.image" > 

http://10.20.10.161:8000の代わりに、私のサーバアプリケーションのベースURLとして事前定義済みの変数が必要です。

どうすれば設定できますか？

Answer 1

<img class="img-responsive" :src="getContentImageLink(video.image)" >

VueのDOMでは、関数を呼び出します。

getContentImageLink(video_image) { return this.$http.options.root + '/content_images/' + video_image; }

次にscriptionに、我々はmain.jsファイルに設定する必要があり、定義済みベースURLと画像の完全なリンクを返します。

Vue.http.options.root = 'http://10.20.10.161:8000' 

私はこれを行う必要があります。 誰かがより良い選択肢を得るなら、コメントしてください。