laravel localhost/public/index.php 不显示背景图片和 svgs

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;}这个项目也包含一个 favicon 图标，它是按照 laravel 设计的。问题是：当我去localhost/got/public/index.php形成我的铬它加载了我的项目，但无法显示或加载背景图像或网站图标。但是当我运行php artisan serve 它时，它运行良好，没有问题。我缺少什么？

Answer 1

使用localhost/got/public/. 尝试为您的项目制作一个虚拟主机。

嗯，这是为什么部分。当您使用 artisan serve 时，图像路径（即 RELATIVE：/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;

}