web开发过程遇到的关于动态更新图片处理方案

标题动态展示图片需求

需求是要求页面动态展示图片，但是后端（服务端）给的地址是相同的，后端人员是将图片放在同一个路径下，每次用新的图片覆盖前一张图片，但是问题来了，img的src是同一个，浏览器就会默认使用缓存，不会重亲发送请求了，导致页面的图片并不会更新。

解决方案

1、让后端人员将地址添加随机数后再给你（如果他配合的话哈哈）
2、使用地址带参形式：？+随机数(他不配合那就我们前端攻城师自己来呗)
具体是(本人习惯使用vue的模版写的）

<img  :scr="imgUrl"></img>

data(){
	return{
		imgUrl:""
	}
}，
mounted(){
   this.robotTimer = setInterval(this.getImg,5000);
 },
methods:{
    getImg(){
         this.imgUrl= `xxxxxxxxxx.png?${Math.random()}`
      },
}