modified: begushiybashkir/bbvue/src/views/Profile.vue

set cool path for src img avatar but not laud becouse authorization
This commit is contained in:
2025-10-14 23:37:28 +05:00
parent fcccb34b86
commit 07e0178516
+10 -16
View File
@@ -9,13 +9,8 @@
<!-- Обновленная секция аватара --> <!-- Обновленная секция аватара -->
<div class="avatar-section"> <div class="avatar-section">
<div class="avatar-preview"> <div class="avatar-preview">
<img <img v-if="user.avatar" :src="avatarUrl" :alt="`Аватар ${user.firstName} ${user.lastName}`"
v-if="user.avatar" class="avatar-image" @error="handleAvatarError">
:src="avatarUrl"
:alt="`Аватар ${user.firstName} ${user.lastName}`"
class="avatar-image"
@error="handleAvatarError"
>
<div v-else class="avatar-placeholder"> <div v-else class="avatar-placeholder">
👤 👤
</div> </div>
@@ -161,16 +156,12 @@ export default {
avatarUrl() { avatarUrl() {
if (!this.user?.avatar) return null; if (!this.user?.avatar) return null;
// Если avatar уже содержит полный URL, возвращаем как есть let filename = this.user.avatar.trim('/').split('/').pop();
if (this.user.avatar.startsWith('http')) {
return this.user.avatar;
}
// Иначе формируем полный URL // Иначе формируем полный URL
const baseUrl = 'https://begushiybashkir.ru/api/v1/user'; const baseUrl = 'https://begushiybashkir.ru/api/v1/user/avatars/';
alert(this.user.avatar) return baseUrl + filename;
return baseUrl + this.user.avatar;
}, },
joinDate() { joinDate() {
if (!this.user?.createdAt) return 'января 2024'; if (!this.user?.createdAt) return 'января 2024';
@@ -343,12 +334,15 @@ export default {
font-size: 1.8rem; font-size: 1.8rem;
} }
.user-email, .user-phone { .user-email,
.user-phone {
color: #666; color: #666;
margin: 0.25rem 0; margin: 0.25rem 0;
} }
.profile-info, .profile-stats, .achievements-preview { .profile-info,
.profile-stats,
.achievements-preview {
background: white; background: white;
padding: 1.5rem; padding: 1.5rem;
border-radius: 15px; border-radius: 15px;