如何在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; }

然后在编写中，我们将返回图像的完整链接，其中预定义的基本网址必须在main.js文件中设置。

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

很好的选择我必须这样做。 如果有人有更好的选择，请发表评论。