Wednesday, April 12, 2017

Why I can't obtain the complete path of a CSS resource in a blade template?

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="" rel="stylesheet" type="text/css" >-->
    <link href="" 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="" 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="" 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?



via AndreaNobili

Advertisement