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>
记得点击采纳