Laravel-5.5:如何使用css在html代码中写入正确的图像路径？

Question

我使用asset()方法将资产连接到网站。示例：

<link href="{{ asset('dist/css/style.css') }}" rel="stylesheet" type="text/css">

以及如何在此html代码中使用方法asset()来包含使用css的图像：

<div class="attached-img-container" style="background-image:url(dist/img/gallery/equal-size/mock1.jpg)"></div>

我的路由列表：

Route::group(['prefix' => 'inbox', 'middleware' => 'auth'], function(){
    Route::get('/', ['uses' => 'InboxController@index',])->name('inbox');
    Route::match(['get', 'post'], '/message/{id?}', ['uses'=>'InboxController@message'])->name('message');
    Route::match(['get', 'post'], '/compose', ['uses'=>'InboxController@compose'])->name('compose');
});

在路由中，inbox资产从公用文件夹工作，但在message或compose路由中，资产不起作用。

Answer 1

您应该能够执行以下操作：

background-image:url({{ asset('dist/img/gallery/equal-size/mock1.jpg') }})

也就是说，如果dist目录在您的公用文件夹中，您应该能够在开头添加/：

background-image:url(/dist/img/gallery/equal-size/mock1.jpg)

Answer 2

您可以像这样使用绝对路径：

background-image:url(/dist/img/gallery/equal-size/mock1.jpg)

Answer 3

如果位于public folder内部，则无需使用asset()，使用/即可直接访问

例如，您的图像在public/images/myimage.jpg中

然后你就可以使用<img src="/images/myimage.jpg" />了

<div style="background-url:('/images/myimage.jpg')">