- 项目当中若本地环境和测试环境来回切换会遇到图片无法展示的问题,如下图
- 也就是说当从测试环境切换为本地环境的时候,就会出现这种情况,找不到图片资源,因为不同环境下存放的位置不一样导致的,用的uniapp提供的image标签,image有一个@error属性,由此可以给标签一个默认值,当出现错误的时候执行这个方法
<image class="avatar" :src="userImg" @error="handleImageError"></image>
handleImageError() {
this.userImg = '/static/images/avatar.jpg'
}