美文网首页
vue解决html2canvas图片跨域问题

vue解决html2canvas图片跨域问题

作者: yoko小柚子 | 来源:发表于2020-02-21 14:35 被阅读0次

    首先先确认一下如果把浏览器disable cache 勾上还会不会存有跨域问题

    如果勾选上还存在的话就到阿里云配置跨域处理,如果勾选上不存在的话 解决方案如下

    浏览器缓存

    在img标签上加是 crossorigin="anonymous",然后在图片地址后面带上一个随机字符串,为了防止浏览器缓存

    <img :src="data.imageUrl + '?' + randomString(6)" crossorigin="anonymous">

    html2canvas配置加上 allowTaint:false, useCORS:true,

    html2canvas配置

    完美解决,困扰了一下午终于找到解决方案

    相关文章

      网友评论

          本文标题:vue解决html2canvas图片跨域问题

          本文链接:https://www.haomeiwen.com/subject/xyycqhtx.html