在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('图上路径')
该方法自动判断是否已是远程图片,如果已经是网络上的图片则不会再添加域名,如果是相对路径的图片则会自动添加域名前缀,变成远程图片。
在main.js中定义了一个Vue.prototype.$getImgUrl函数,用于检查图片URL是否已包含HTTP。如果URL是网络地址,则直接返回,否则添加配置的ossUrl作为前缀,将相对路径转换为远程图片。
4710

被折叠的 条评论
为什么被折叠?



