RuoYi-Vue——裁剪区域头像回显的跨域问题

        使用若依的小伙伴都知道，若依的头像上传默认是创建文件夹保存图片，但我们在实际开发中常常需要把图片保存在oss上，当我们修改头像后，再次修改头像就会出现跨域问题，裁剪区域无法显示图片，下面我将分享一下我的解决办法：

1.出现跨域，是使用了vue-cropper组件

 

2.配置oss存放图片的bucket跨域规则，可设*，视为不作限制

3.将图片转为base64格式展现

 

// 设置头像base64
setAvatarBase64(src, callback) {
  let _this = this;
  let image = new Image();
  // 处理缓存
  image.src = src + '?v=' +