laravel localhost / public / index.php不顯示背景圖像和svgs，但“ php artisan服務”顯示它們

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;
}

該項目也包含一個圖標圖標，並且按照laravel設計位於該圖標中。

問題是：

當我進入localhost/got/public/index.php表格時

它會加載我的項目，但無法顯示或加載背景圖片或網站圖標。

但是，當我運行php artisan serve它運行正常，沒有問題。

我想念的是什么？

Answer 1

請使用這個：

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

Answer 2

嘗試將以下代碼添加到您的webpack.mix.js

.options（{processCssUrls：false，}）

Answer 3

使用localhost/got/public/時，路徑不同。 嘗試為您的項目創建虛擬主機。

好吧，這是為什么。 使用手工藝品時，圖片路徑（即RELATIVE：/images/back.png）是指http://localhost:8000/images/back.png 。 當您使用本地服務器時，圖像再次引用http://localhost/images/back.png但您的地址是localhost/got/public/images/back.png 。

Answer 4

加載頭文件（包括.css文件）時，請使用{{ asset("filesurl") }}