开发中,后端传过来的图片一般为原图,原图都很大,页面加载起来很慢,就不得不采取一点措施,等比缩小图片,如果过大,防止看起来像是没有被压缩,可以裁剪图片
具体措施可以看此链接
https://developer.qiniu.com/dora/manual/1270/the-advanced-treatment-of-images-imagemogr2
例如:
<img
:src="`${item.url}?imageMogr2/auto-orient/thumbnail/750x600|imageslim`"
class="post_swipe_img"
v-if="item.url">
记得用懒加载