前端页面-图片显示问题

前端页面显示图片遇到问题及解决办法： 

1、拼接url

document.getElementById('chatboxSi').innerHTML += '<li class="other"><img src='+str.avatar+'><span>'+str.message+'</span></li>';

 2、url在方法中显示

<img :src='getSrc(itMesList.pic)'>

//图片信息显示
getSrc(val) {
    console.log(val)
    return val
},

类比-----a标签href属性 <a :href='getSrc(itMesList.url)' target="_blank">电脑端详细内容</a>

 3、标签中src报403（浏览器的防盗链机制）-----在页面head中加入

<meta name="referrer" content="no-referrer">