把图片链接改变成https即可:
纯前端实现代码:
1、在vue项目的main.js添加过滤器:
//图片过滤
Vue.filter('imgHost', function (value) {
var imgStrArr= value.split("?");
//console.log(imgStrArr[0]);
var httpHead= imgStrArr[0].split(":");
if(httpHead[0] == "http"){
var str= imgStrArr[0].replace(/http/, "https")
}else{
var str= imgStrArr[0];
}
return str;
});
2、在img标签上应用:
<img :src="course_pic |imgHost">
我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=qcez11xzh6mg
网友评论