VUE爬坑-----访问本地的文件拼接动态路径

​​Uploads为存放图片的文件夹，​

​

​data存放拼接的url，设置为数组：

data:function(){

return{

floag:"",

list:'',

imgs:[],

url:[],

}

},

在请求数据是对url进行拼接，且加上加上require，require为访问本地链接，这点和react一样，因为vue的url会被放在static内，不加require不会报错，但图片也不会显示：

created:function(){

this.$http.post("http://10.80.7.185/tp2/index.php?m=Home&c=add&a=zhuye"

).then((res)=>{

for (var i=0; i<res.data.length; i++){

// var path = '../Uploads/'+res.data[i].pic[0];

this.imgs.push(require('../Uploads/'+res.data[i].pic[0]));

this.url.push(require('../Uploads/'+res.data[i].landlord_img))

}

this.list = res.data;

console.log(this.list)

}).catch((error)=>{

console.log(error)

})

}

 

 

​​​​​