前端开发小坑

288 阅读1分钟

img所动态绑定的src为固定值,但是资源会发生变化,图片不更新的问题

问题原因

该问题产生的主要原因浏览球缓存机制。当url未发生变化时,浏览器缓存机制认为该资源并未更新,不会发起新的请求。

解决办法

 async getImageUrl(params){
    // 在图片地址后添加随机数,让浏览器每次请求新的图片
     const res = await getImage(params);
     this.imageUrl=res.data.data+"?r="+Math.random();
 }