vue quillEditor 图片展示问题

quillEditor 项目中通常用于富文本的展示，编辑，

富文本中设计到图片编辑以及正常展示的情况

在编辑的时候开发人员的本地环境，问了能够验证图片是否正常显示，通常会拼接一个完整的 URL 来显示图片，在提交的时候会把 image 的完成链接提交给后台。

在展示富文本的时候，图片也是可以正常显示的

但是如果生产的服务器后端进行了迁移，之前在富文本中拼接的地址就会失效，而发生图裂的问题。

处理这个问题有两个方法，

第一个是：后端在获取富文本后，做处理

第二是：前端获取到富文本的内容处理，

处理的逻辑：用正则表达式找出富文本的 image，替换富文本的 image 路径即可

       
       
       
       //替换富文本中上传得图片地址，在上传得时候，为了方便显示，
        this.OurprofileList.whoAreWe= this.OurprofileList.whoAreWe.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match, capture) {
          // 获取到富文本中图片路径，使用关键字截取
          const captureArray = capture.split("public")
          // 替换图片的路径
          return match.replace(capture, captureArray[1])
        });

感兴趣的可以查一下 js replace 参数及返回值