diff --git a/resources/assets/js/components/UserAvatar.vue b/resources/assets/js/components/UserAvatar.vue
index b6643173c..fcc208d97 100755
--- a/resources/assets/js/components/UserAvatar.vue
+++ b/resources/assets/js/components/UserAvatar.vue
@@ -16,7 +16,9 @@
         <div class="avatar-wrapper">
             <div v-if="showIcon" :class="['avatar-box', userId === userid || user.online ? 'online' : '']" :style="boxStyle">
                 <em :style="spotStyle"></em>
-                <EAvatar v-if="showImg" :class="{'avatar-default':isDefault}" :src="user.userimg" :size="avatarSize"/>
+                <EAvatar v-if="showImg" :class="{'avatar-default':isDefault}" :src="user.userimg" :size="avatarSize" @error="onError">
+                    <span :style="spotStyle">{{nickname}}</span>
+                </EAvatar>
                 <EAvatar v-else :size="avatarSize" class="avatar-text">
                     <span :style="spotStyle">{{nickname}}</span>
                 </EAvatar>
@@ -194,6 +196,10 @@
                 this.$store.dispatch("getUserBasic", {userid: this.userid});
             },
 
+            onError() {
+                return false
+            },
+
             openDialog() {
                 this.goForward({path: '/manage/messenger'});
                 this.$store.dispatch("openDialogUserid", this.userid).catch(() => {})