vue 从后台获取图片列表 然后 v-for 进行遍历渲染 失败 图片不显示 求帮忙

Question

vue 从后台获取图片列表 然后 v-for 进行遍历渲染 失败 图片不显示 求帮忙

部分代码如下 代码没问题 不会报错 数据可以获取到
img 标签有宽高 且 路径在浏览器url直接输入可以查看图片
但是就是不显示图片 而且发现 network 没有图片的请求

图二 为network
正常的请求 应该像图三吧 如果请求图片 再network 应该有类似图三的这种请求才对吧
图三是我在 URL 直接输入图片链接的请求
求帮忙呀 各位大大

<div :class="{imgItem:i.thumb_name!='' , item:i.thumb_name==''}" v-for="(i,index) in fileList" :key="index">
    <span class="img" v-if="i.thumb_name!=''">
        <span>
           <img  :src="'114.215.174.214:8080/borrow/img/'+i.thumb_name" alt="">
                <i class="imgbaged">
                     {{i.typeName}}
                 </i>
        </span>
     </span>
</div>
<script>
export default {
data() {
    return {
      fileList: []
    };
  },
created(){
 this.$axios(url, "post", JSON.stringify(data)).then(res => {
        if (res.data.code != 200) {
          this.$vux.toast.show({
            type: "text",
            text: "暂无数据"
          });
        } else {
          this.$nextTick(() => {
            this.fileList = res.data.data;
          });

          console.log(this.fileList);
        }
      });
    }
}

}
</script>

Answer 1

加上http://

Answer 2

加上地址协议头 http:// 试试

Answer 3

没有http:// 你怎么访问?