Я занимаюсь деплоем Vue проекта на сервер. 1. Я поместил фотки

Question

Я занимаюсь деплоем Vue проекта на сервер. 1. Я поместил фотки

в папку public.
2. Они появились в папке dist и когда я запускаю продакешен сервер или preview все фотки есть это хорошо меня почти все устраивает.
3. Но когда я запускаю производственный сервер фоток нет.
Это естественно потому что ссылка не них не работает я же указал scr='/img/' вместо scr='../../public/img/' . Мне не нравится что тут не работает значит я сделал что то не правильно и меня это гложет. Еще там было желтое предупреждение:
files in the public directory are served at the root path.
Instead of /public/img/mainImg.png, use /img/mainImg.png.
которым я руководствовался.
Решение я знаю одно использовать @ в проекте, правильно?
Но может есть более простое решение проблемы, я не хочу эти @ собачки в проект интегрировать на данном этапе)))

#programming #russian #vue.js

0

22.07.2023

11 ответов

61 просмотр

Gregory Автор вопроса

Vitalii
открой доку, там все написано. С того что ты напис...

доку по vite ?

0

22.07.2023

Maksym

@ это алиас который указывает на папку src по дефолту, папка public находится на том же уровне, причем здесь @?

0

22.07.2023

Vitalii

Gregory
доку по vite ?

прикинь, тебе нужно законфижить билд, и у vite есть дока

0

22.07.2023

Gregory Автор вопроса

Maksym
@ это алиас который указывает на папку src по дефо...

я имелл ввиду через алиас можно сделать абсолютный путь и фотки будут забираться из dist/img и из public/img одинаково в прод и в дев. А сейчас у меня public хоть и root по умолчанию я нажимаю на ссылки и мой vite не видит картинки в проекте по ссылкам которые прописаны.

0

22.07.2023

Gregory Автор вопроса

Maksym
@ это алиас который указывает на папку src по дефо...