v-html加载富文本中的图片显示"此图片来自微信公众号平台未经允许不可引用"

455 阅读1分钟

v-html加载富文本中的图片显示"此图片来自微信公众号平台未经允许不可引用",查了网上很多出现这个问题的解决办法,试了都没有用; image.png

看其它的帖子说是加上<meta name="referrer" content="never">等等其它方法,这里我只记录一下我遇到的加载出现这种情况原因。

仔细看了一下后台返回的富文本中,img标签里面存在crossorigin="anonymous"这样一个属性,最后的解决办法就是对富文本进行操作,把里面所有img标签的crossorigin="anonymous"属性干掉就行了;

具体操作方法(利用正则表达查询,width: auto !important是图片宽度的调整,与该问题无瓜)

image.png

 if (res.data.code == 1) {
            const textDetails = res.data.result_data.content;
            this.textDetails = textDetails.replace(
              /(crossorigin="anonymous")|(width: auto !important;)/gi,
              ''
            );
          }