我注意到我的角度5应用程序在各个地方出现了一种奇怪的行为,我以下列方式显示图像
<img src="{{user.avatar}}"/>
Chrome会显示其他用户的图片,但是当我在console.log或调试应用时,打印的网址是正确的。当我更改浏览器选项卡并返回当前选项卡时,将加载正确的图像,这导致我假设这是一个浏览器缓存问题。
这种行为是随机的,似乎没有在Firefox中发生。我也尝试了<img [src]="user.avatar"/>
同样的结果。
还尝试在src值上添加随机伪参数以防止浏览器缓存:<img src="{{contact.userData.avatar+'?id='+randomId()}}"/>
这似乎工作,但使图像加载相当慢,所以我宁愿避免它。任何想法为什么会发生这种情况?