为什么当我再次运行项目，进入这个页面时，上面广告位置还是原来的三张图片？

Question

<div class="swiper-container" style="height: 200px;">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="./images/swiper-1.jpg" /></div>
        <div class="swiper-slide"><img src="./images/swiper-2.jpg" /></div>
        <div class="swiper-slide"><img src="./images/swiper-3.jpg" /></div>
      </div>
      <div class="swiper-pagination"></div>
    </div>

<script>
      $(".swiper-container").swiper({        loop: true,        autoplay: 3000
      });</script>

代码如上，我现在有三张新的图片名字分别是 swiper-1.jpg,swiper-2.jpg,swiper-3.jpg。

Answer 1

在图片url地址上加随机数或者版本参数，浏览器就会重新获取新的图片而不是缓存里面的图片了 任何缓存都可以这么做，因为浏览器的缓存机制就是这样的，相同的url地址都会存在缓存里面

Answer 2

缓存 清理下缓存