laravel localhost / public / index.php не показывает фоновое изображение и svgs, но "php artisan serve" показывает их

Question

У меня на компьютере маленький красивый проект Laravel.

В файле welcome.blade.php имеется фоновое изображение. И изображение находится на

общественные / изображения /

каталог.

Я использовал этот следующий CSS для вызова и представления их:

html, body {
color: #f4f6f7;
font-family: 'Nunito', sans-serif;
font-weight: 500;
height: 100vh;
margin: 0;

background-image: url('/images/back.png');
-webkit-background-size: cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size: cover;
}

Этот проект также содержит значок фавикон, и он расположен в соответствии с заданным уровнем.

Проблема:

Когда я перехожу на localhost/got/public/index.php из моего хрома

загружает мой проект, но не может показать или загрузить фоновое изображение или значок значка.

Но когда я бегу php artisan serve работает без проблем.

Что мне не хватает?

Answer 1

Ваш путь отличается при использовании localhost/got/public/. Попробуйте создать виртуальный хост для вашего проекта.

Ну, вот почему. Когда вы используете ремесленную подачу, путь к изображению (то есть ОТНОСИТЕЛЬНЫЙ: /images/back.png) относится к http://localhost:8000/images/back.png. И когда вы используете свой локальный сервер, изображения снова ссылаются на http://localhost/images/back.png, НО ваш адрес localhost/got/public/images/back.png.

Answer 2

Попробуйте добавить следующий код к вашему webpack.mix.js

.Options ({ processCssUrls: false, })

Answer 3

пожалуйста, используйте это:

background-image: url('{{ asset('images/back.png') }}');
-webkit-background-size: cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size: cover;
}

Answer 4

При загрузке файлов заголовков, включая файлы .css, используйте {{ asset("filesurl") }}