oss阿里云图片链接url高清图片设置为缩略图 vue 减少加载体积流量

需求：领导说图片加载很慢，而且花很多流量，需要减少体积，点击放大的时候再加载清晰的图片

我是直接在完整链接上加 ?x-oss-process=image/resize,p_5

例如

const businessLicenseImage = https:xxxxxx   // 后端返回的阿里云完整ip地址
// 前端展示的时候 businessLicenseImage 为上述定义的ip地址
<img
  class="custom-img-card"
  :src="`${businessLicenseImage}?x-oss-process=image/resize,p_5`"
 />

我试了好几个，最后发现还是这个压缩的体积最好用，虽然缩略图会模糊一点