鍍金池/ 問(wèn)答/HTML5  PHP  HTML/ vue 從后臺(tái)獲取圖片列表 然后 v-for 進(jìn)行遍歷渲染 失敗 圖片不顯示 求

vue 從后臺(tái)獲取圖片列表 然后 v-for 進(jìn)行遍歷渲染 失敗 圖片不顯示 求幫忙

vue 從后臺(tái)獲取圖片列表 然后 v-for 進(jìn)行遍歷渲染 失敗 圖片不顯示 求幫忙

部分代碼如下 代碼沒(méi)問(wèn)題 不會(huì)報(bào)錯(cuò) 數(shù)據(jù)可以獲取到
img 標(biāo)簽有寬高 且 路徑在瀏覽器url直接輸入可以查看圖片
但是就是不顯示圖片 而且發(fā)現(xiàn) network 沒(méi)有圖片的請(qǐng)求

圖二 為network
正常的請(qǐng)求 應(yīng)該像圖三吧 如果請(qǐng)求圖片 再network 應(yīng)該有類似圖三的這種請(qǐng)求才對(duì)吧
圖三是我在 URL 直接輸入圖片鏈接的請(qǐng)求
求幫忙呀 各位大大
圖片描述
圖片描述
圖片描述

<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: "暫無(wú)數(shù)據(jù)"
          });
        } else {
          this.$nextTick(() => {
            this.fileList = res.data.data;
          });

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

}
</script>
回答
編輯回答
尋仙

加上http://

2018年6月30日 20:15
編輯回答
朕略傻

加上地址協(xié)議頭 http:// 試試

2017年3月9日 10:31
編輯回答
賤人曾

沒(méi)有http:// 你怎么訪問(wèn)?

2017年2月16日 01:22