h5在ios qq浏览器打开图片不显示

把图片链接改变成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标签上应用:


我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=qcez11xzh6mg

你可能感兴趣的:(h5在ios qq浏览器打开图片不显示)