CSS 中的图像 URL 在 Laravel 7 中不起作用

Posted

技术标签:

【中文标题】CSS 中的图像 URL 在 Laravel 7 中不起作用【英文标题】:Image URL in CSS is not working in Laravel 7 【发布时间】:2020-09-02 07:38:07 【问题描述】:

我正在使用 Laravel 7。

Location of app.scss : resources/saas/app.scss
Location of app.css  : public/css/app.css

在 app.scss 中

background-image: url("../public/images/homeheaderBg.jpg");

在 Welcome.blade.php 上,由于图片 URL 错误而无法显示图片

错误的图片网址是:

http:localhost/images/homeheaderBg.jpg?325adac1518a8631dcc08fdb07bef837

应该的

http:localhost/website_name/images/homeheaderBg.jpg

【问题讨论】:

【参考方案1】:

使用

php artisan serve

以这种方式在您的终端中,您的网站链接将是

http://localhost:8000

这样正确的网址就会变成

localhost/images/homeheaderBg.jpg

【讨论】:

以上是关于CSS 中的图像 URL 在 Laravel 7 中不起作用的主要内容,如果未能解决你的问题,请参考以下文章

laravel mix:如何在css中保留图像和字体的相对路径

在 Vue JS 中的表格内显示图像以及基本 url (Laravel 5.2)

如何在 Laravel 微风中的 tailwind-css 中水平对齐图像

Blade 中的 laravel 7 路由/url 参数

Laravel:布局中的脚本和图像源在带有前缀的url中不起作用

如何在 Laravel 7 中使用 Livewire 显示存储路径中的图像