1.问题
自己搭建的后端接口中更新头像的url返回地址一致,就是修改前和修改成功后的头像地址都是一样的,导致vue的页面头像无法更新
2.解决方案
我们需要使图片路径不完全相同,才会使得img标签会重新请求新的图片,这时我加入了随机数进行更改图片的完整路径,但不影响图片向真正的地址去请求数据。
this.url = 'http://localhost:8899' + res.data.user_pic + '?' + Math.random()
参考文章:
自己搭建的后端接口中更新头像的url返回地址一致,就是修改前和修改成功后的头像地址都是一样的,导致vue的页面头像无法更新
我们需要使图片路径不完全相同,才会使得img标签会重新请求新的图片,这时我加入了随机数进行更改图片的完整路径,但不影响图片向真正的地址去请求数据。
this.url = 'http://localhost:8899' + res.data.user_pic + '?' + Math.random()
参考文章: