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