vue里面的img,其中src的地址不变,但是实际上里面存的图片隔一段时间就会变化,但是渲染在前端始终只显示第一次的图片怎么办

vue里面的img,其中src的地址不变,但是实际上里面存的图片隔一段时间就会变化,但是渲染在前端始终只显示第一次的图片怎么办

图片缓存的原因,你可以在图片尾端加上一个随机数,这是最常用的解决方法。
我写了一个小例子,你可以参考一下,调用了一个随机图片接口

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <img id="random" src="https://www.dmoe.cc/random.php" alt="">
</body>
<script>
  const mImg = document.getElementById('random')
  setInterval(() => {
    // 加一个随机数即可
    mImg.src = 'https://www.dmoe.cc/random.php?random=' + Math.random()
  }, 1000)
</script>
</html>

记得点击采纳