【问题】vue-image-swipe预览图片空白

环境

boot + 阿里云oss + vue + vue-image-swipe

问题原因

• yml文件中配置阿里云oss地址为http协议，因此保存图片为http开头地址；
• vue开启了全局https访问，导致http自动转为https；
• vue-image-swipe的API所需参数有两个
  本标签下所有img地址-imgList（转化后以https开头）
  我们想要预览的img（http开头）
• API会通过imgList.indexof(img)获取预览img的索引，由于开头问题，导致index=-1，所以展示空白。

解决方法

1. 在yml文件中，我们将阿里云oss地址改为https协议地址。
2. 之前保存在数据库中的图片地址，我们直接修改为https协议的地址。

原文地址：TT的博客《【问题】vue-image-swipe预览图片空白》