Изображение Laravel6.* в laravel/public/image/xxx не распознается как URL

Я новичок в laravel и столкнулся с простой проблемой. Я хочу установить фоновое изображение с помощью MDBootstrap на лезвие регистра, затем создал лезвие в laravel /resources/view/auth/register.blade.php и подключил <div class="bg-image" style=" background-image: url('/laravel/public/image/xxx(relative path)'); " > И я скачал картинку для фона бесплатно site, поместите его в laravel/public/image/xxx (относительный путь).

Но почему-то путь к картинке не работает, картинка не распознается как картинка (не появляется подчеркивание), поэтому не могу щелкнуть с помощью Ctrl. Конечно, я вижу картинку, когда вставляю в редактор и Chrome. Путь должен быть правильным, потому что я не печатал напрямую.

Что я пытался решить,

  • пошел к webpac.mix.js и написал .options({processCssUrls: false});
  • заменил директорию изображения прямо под директорией laravel

но это решение не сработало... Убедитесь, что мой код HTML и CSS работает правильно, поскольку, когда я копировал и вставлял URL-адрес другого изображения из учебника по MDB, все прошло хорошо.

Кто-нибудь дайте мне знать, что не так и как мне работать??

на снимке экрана показан файл моего блейда


windows laravel laravel-6 mdbootstrap
person とりとーり    schedule 27.02.2021    source источник
comment
Если вы сохраните его в общей папке, вы можете начать свой путь с /image/xxx(relative path)   -  person Tithira    schedule 27.02.2021
comment
Существует ли файл, и вы можете вставить его URL-адрес и увидеть фактическое изображение? Или изображение не отображается, потому что, возможно, div не виден? Как вы обслуживаете свой проект? Апач, нгинкс, php artisan serve?   -  person brombeer    schedule 27.02.2021

Ответы (2)


arrow_upward
0
arrow_downward

Лучше всего использовать помощника asset().

Это дает вам путь к активам, хранящимся в общей папке (или папке, настроенной как хранилище ваших активов, /public по умолчанию).

<div class="bg-image" style=" background-image:{{ asset('image/xxx/' . $relative_path) }}; " >
person Jon White    schedule 27.02.2021
comment
Спасибо за быстрый ответ! Я заглянул в assets() и записал его по вашему совету, но... извините, я не могу решить эту проблему :( - person とりとーり; 27.02.2021
comment
<div class="bg-image" style=" background-image:{{ asset('images\wild-geese-3379677_1920.jpg') }}; " > Вот что я записал. Я создал каталог активов в общедоступном каталоге, затем заменил изображения и картинку. - person とりとーり; 27.02.2021
comment
Вам не нужен каталог активов в общей папке. Помощник asset() будет разрешать общедоступный путь, а затем вам просто нужно указать остальную часть пути относительно папки public. Таким образом, asset('img.jpg') вернет файл public/img.jpg - person Jon White; 27.02.2021
comment
@ と り と ー り Не знаю, почему вы вдруг используете \ вместо / - person brombeer; 27.02.2021
comment
Я понимаю. Затем я удалил каталог активов и поместил изображения и img прямо в общую папку. Однако... я не мог решить. ・Однажды я поспорил, что не определил ресурс в app.blade.php, но, вероятно, это не причина. ・Попытка изменить код в лезвии с /images/xxx и /img/xxx. ・Также пытался изменить имя каталога с изображений на img. - person とりとーり; 27.02.2021
comment
Думаю, вам стоит провести небольшое расследование. Начните с поиска изображения в браузере. Вы должны найти изображение в общей папке, используя http(s)://hostname.domain/img.jpg (заполняя правильные имена). Затем попробуйте вывести результат asset(img.jpg) в dd() или вернуться из контроллера. Вывод должен соответствовать URL-адресу в браузере. Оттуда вы сможете правильно указать относительный путь. - person Jon White; 27.02.2021
comment
Новая пчела 1, возможно, уловила здесь недостающий элемент. Возможно, вам придется запустить php artisan storage:link. Установка Laravel должна запускаться при установке, но вы, возможно, не установили ее таким образом. Если это исправит, вы должны отметить New Bee 1 как правильный ответ. - person Jon White; 27.02.2021
comment
Спасибо, что предложили способ решения деталей... Я посмотрю. - person とりとーり; 27.02.2021

arrow_upward
0
arrow_downward

Попробуй это

первый забег

php artisan storage:link

и background-image:{{ asset('image/filename') }}

person New Bee 1    schedule 27.02.2021
comment
Спасибо за ответ. Следуя вашим советам, я прогнал коды, но обстоятельства складываются не очень, я буквально понятия не имею... - person とりとーり; 27.02.2021