Question

我的电脑上有一个漂亮的小laravel项目。

在welcome.blade.php文件中，它具有背景图像。图像位于

public / images /

目录。

我已经使用以下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：否， }）

Answer 3

使用localhost/got/public/时，您的路径有所不同。尝试为您的项目创建虚拟主机。

好吧，这是WHY部分。使用手工艺品时，图像路径（即相对路径：/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") }}

laravel localhost / public / index.php不显示背景图像和svgs，但是“ php artisan服务”显示它们

4 个答案: