изображения загружаются на сервер успешно и путь записывается в базу, однако когда я получаю путь из базы чтоб вывесли иконку пользователя с аватаркой, то аватарка не подгружается с сервера, не могу понять почему, в поисковиках все что нужно и не нужно, только не то!
next.сonfig.mjs
/** @type {import('next').NextConfig} */
const nextConfig = {
experimental: {
missingSuspenseWithCSRBailout: false
},
env: {
SERVER_URL: process.env.SERVER_URL,
GOOGLE_RECAPTCHA_SITE_KEY: process.env.GOOGLE_RECAPTCHA_SITE_KEY
},
images: {
remotePatterns: [
{
protocol: 'https',
hostname: 'lh3.googleusercontent.com'
}
]
},
async rewrites() {
return [
{
source: '/static/:path*',
destination: `${process.env.SERVER_URL}/scr/static/:path*`
}
]
}
};
export default nextConfig;
компонент аватарки
'use client'
import { FC } from "react"
import { Avatar, AvatarImage, AvatarFallback, Loader } from "@/shared/components/ui";
import { useGetUserHeaderData } from "../../hooks";
import Link from "next/link";
export const UserHeaderMenu:FC = () => {
const {user, isFetching} = useGetUserHeaderData()
return (
<>
{ isFetching ? (<Loader />) : user && (
<Avatar>
<AvatarImage src={user.avatar} />
<AvatarFallback>{ user.email.slice(0, 1) }</AvatarFallback>
</Avatar>
) }
</>
)
}
Средний
