“在Laravel 5.1中找不到NetworkError：404

Question

When I click on a link I have getting the data but my css pages, Js files and images are not working. Below I mention the link, route, controller and error(Firebug console). Please help me to clear this error.

Link from a page

<a href="customersocialpage/<?php echo $searchCustomer->customer_id; ?>"><?php echo ucfirst($searchCustomer->firstname); ?></span> <?php echo ucfirst($searchCustomer->lastname); ?></h5></a>

routes.php

$router->get('customersocialpage/{id}', ['as' => 'custsocialpage', 'uses' => 'CustomersocialpageController@index']);

CustomersocialpageController.php

public function index($id)
    {
        dd($id);
        $customersocialpages = Customeraddress::where('customer_id', $id)->first();
        return view('pages.customersocialpage',['customersocialpages' => $customersocialpages]);
    }

Error

"NetworkError: 404 Not Found - http://baselaravel.dev/customersocialpage/assets/img/demo/calendar_app.svg"

Link to CSS

{!!HTML::style('assets/plugins/pace/pace-theme-flash.css')!!}
{!!HTML::style('assets/plugins/boostrapv3/css/bootstrap.min.css')!!}
{!!HTML::style('assets/plugins/font-awesome/css/font-awesome.css')!!}

Link to JS

{!!HTML::script('assets/plugins/imagesloaded/imagesloaded.pkgd.min.js')!!}
{!!HTML::script('assets/plugins/jquery-isotope/isotope.pkgd.min.js')!!}
{!!HTML::script('assets/plugins/classie/classie.js')!!}
{!!HTML::script('assets/plugins/codrops-stepsform/js/stepsForm.js')!!}

All the css, images and js are in public folder

Answer 1

Looks like you used relative links to assets (like <a href="somelink"><img src="assets/img/demo/calendar_app.svg">Link</a> ), when absolute links meant to be used:

<a href="somelink"><img src="/assets/img/demo/calendar_app.svg">Link</a>

or, in more Laravel'ish way:

<a href="{{ route('customersocialpage.index', $searchCustomer->customer_id) }}"><img src="{{ asset('assets/img/demo/calendar_app.svg') }}">Link</a>

Upd.

Fix yours {!!HTML::style('assets/plugins/pace/pace-theme-flash.css')!!} links to absolute links, or use SerafimArts/Asset package, it will allow you to link assets on page like this:

{!! asset_link('less/style.less') !!}
{!! asset_link('js/jquery.js') !!}

...and even allow you to automatically compile LESS stylesheets and will take care about caching.

Answer 2

Ok as conversation with the OP ,there were some mistakes in including assets file . So they should be included in following ways :

<link type="text/css" href="{{URL::to('assets/plugins/pace/pace-theme-flash.css')}}"></link>
<link type="text/css" href="/assets/plugins/pace/pace-theme-flash.css"></link> \

Images

 <img alt="Cover photo" src="{{URL::to('assets/img/social/cover.png')}}" />

 <img alt="Cover photo" src="/assets/img/social/cover.png" />

There are many ways of including files , just depend on you which you follow . check this link for including assets also . Rest laravel docs are always there. :)

Thanks