Задать вопрос
@kiberchainik
начинающий найкрутейшЫй програмЁр

Почему не отображаются изображения из сервера на сайте nextjs?

изображения загружаются на сервер успешно и путь записывается в базу, однако когда я получаю путь из базы чтоб вывесли иконку пользователя с аватаркой, то аватарка не подгружается с сервера, не могу понять почему, в поисковиках все что нужно и не нужно, только не то!

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>
                ) }
            </>
    )
}
  • Вопрос задан
  • 87 просмотров
Подписаться 1 Простой 3 комментария
Решения вопроса 2
`${process.env.SERVER_URL}/scr/static/:path*`
Точно должно быть scr, а не src?
Ответ написан
@kiberchainik Автор вопроса
начинающий найкрутейшЫй програмЁр
по итогу проблему решил, еще раз прошелся по путям на беке! вопрос можно закрыть! спасибо всем кто откликнулся!
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы