在main.js 里添加如下代码:
// 图片前缀
Vue.prototype.$getImgUrl = function(imgUrl) {
if(imgUrl){
var newStr = imgUrl.indexOf("http")
if (imgUrl.indexOf("http") !== -1) {
return imgUrl
} else {
return config.ossUrl + imgUrl || ''
}
}
}
在调用的页面调用方法
this.$getImgUrl('图上路径')
该方法自动判断是否已是远程图片,如果已经是网络上的图片则不会再添加域名,如果是相对路径的图片则会自动添加域名前缀,变成远程图片。