Я использую laravel -микс с vueJS, и у меня возникают проблемы с правильной настройкой каталога изображений.
Вот мой первоначальный набор миксов
mix
.js("resources/js/app.js", "public/js")
.sass("resources/sass/app.scss", "public/css")
.copy("resources/assets", "public/images/" );
Как видите, я копирую все содержимое папки resources/assets в папку public/images/
, поэтому это изображение assets/svg/logo-white.svg будет включено images/svg/logo-white.svg
Теперь вот где я потерян.
//using this
src="/assets/svg/logo-white.svg"
//result is obviously same (wrong url)
src="/assets/svg/logo-white.svg"
//using this
src="@/assets/svg/logo-white.svg"
// the result is (wrong url it lacks svg folder)
src="/images/logo-white.svg?c381d0781c93aa7ea138a64f7ea3f17d"
//using this
:src="'@/assets/svg/logo-white.svg'"
//result (another wrong)
src="@/assets/svg/logo-white.svg"
, если я добавлю .setResourceRoot("") к моей конфигурации микса
//using this
src="@/assets/svg/logo-white.svg"
//results to this,
src="http://localhost:8080/images/logo-white.svg?c381d0781c93aa7ea138a64f7ea3f17d"
//which supposedly a wrong URL but its weirdly working
//I have no idea why its showing the images when the image is on /images/svg/ folder not in /images/
Так что, как вы можете видеть, использование src="@/assets/blabla.jpg" работает только если все мои изображения находятся в папке root из images, но не работают внутри дочерней папки папки images.
и добавление .setResourceRoot("") работает таинственным образом, чего я не хочу рискните, поскольку я не уверен, что произойдет с этим на производстве
был бы признателен за любую помощь в этом и разъяснение того, как я могу правильно получить URL-адрес изображения и почему он ведет себя таким образом