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") }}