dreamevil0002 2017-04-12 06:48
浏览 36
已采纳

为什么我无法在刀片模板中获取CSS资源的完整路径?

I am very new in Laravel. I am working on a Laravel 5.4 application and I have the following problem using blade to retrieve the comple URL of a CSS resource.

This is my app.blade.php file representing the template of all my views:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <!--<link href="/css/app.css" rel="stylesheet">-->
    <!--<link href="{{ URL::asset('css/app.css') }}" rel="stylesheet" type="text/css" >-->
    <link href="{{ asset('css/app.css') }}" rel="stylesheet" type="text/css" >
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

    <script src="/js/app.js"></script>
</head>
<body>

    <div class="container" style="width: 60%; margin-bottom: 50px;">
        @yield('content')
    </div>

    @yield('footer')

</body>
</html>

As you can see, folloing this SO post: Laravel 5 not finding css files

I am defining this CSS resource in this way:

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

to retrieve the http://localhost/HotelRegistration/public/css/app.css resource from the correct place.

The problem is that doing in this way opening an URL like http://localhost/HotelRegistration/public/registration

I still obtain the wrong CSS link in the generated page, this one:

<link href="/css/app.css" rel="stylesheet">

Doing in this way I expected to obtain the correct one http://localhost/HotelRegistration/public/css/app.css

I also tried to import it using this alternative link:

<link href="{{ URL::asset('css/app.css') }}" rel="stylesheet" type="text/css" >

but I am obtaining the same results.

What is wrong? What am I missing? How can I fix this issue and obtain the correct url of my CSS including the entire path?

展开全部

  • 写回答

3条回答 默认 最新

  • duanpai6581 2017-04-12 10:11
    关注

    First, it is a good idea to use artisan serve:

    php artisan serve
    

    This will reduces a lot of headaches. If you are on a Mac, try valet. It is really nice and light.

    Second you need to import css in following manner:

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

    I hope this solves your problem.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)
编辑
预览

报告相同问题?

手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部