2016-04-10 45 views
0

我無法弄清楚可能會導致此問題的原因,但我確定它很簡單。我正在擴展主視圖main.blade.php(位於視圖文件夾中)。這包括來自partials文件夾的css。Laravel 5.2 balde/css在通過控制器路由子URL時停止工作

我有兩頁:查詢,批准查詢。 (都位於視圖/交易商/文件夾中)。唯一的區別是路由,一個會有/查​​詢另一個會有/查​​詢/批准。

Blade/Css working if on main route: Route::get('/enquires','Trader\[email protected]'); 
Blade/Css does not work when using suburl: Route::get('/enquires/approved','Trader\[email protected]'); 

請參閱本圖片: routing display error

如果您需要任何其他信息,請讓我知道, Tahnks提前, 丹

+0

看來刀片的作品,但你的CSS文件(S)不加載。你能否顯示整個''生成的HTML部分。 –

+0

這是奇怪的,因爲它的工作,如果我脫掉/查詢路由.. – DanRaw

回答

1

看來問題是你如何創建資源鏈接(圖像,CSS和JS文件)。爲了使它工作,使用Laravel asset()幫手:

<link rel="stylesheet" href="{{ asset('css/theme.css' }}"> 

,這將創造一個資產完整路徑。

而且,你必須保持所有資產項目的公共目錄中,例如:/laravel_project/public/css/theme.css

+0

哦..多麼糟糕的錯誤,我已經做了管理員,但忘記前端..非常感謝和道歉..: ) – DanRaw

+0

不客氣) –

-1
<meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 

    <title>@yield('title')</title> 

    <meta name="keywords" content="HTML5 Template" /> 
    <meta name="description" content="Trusted Workers - Find local tradesmen"> 

    <!-- Favicon --> 
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" /> 
    <link rel="apple-touch-icon" href="img/apple-touch-icon.png"> 

    <!-- Mobile Metas --> 
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 

    <!-- Web Fonts --> 
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CShadows+Into+Light" rel="stylesheet" type="text/css"> 

     <!-- Vendor CSS --> 
    <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.css"> 
    <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.css"> 
    <link rel="stylesheet" href="vendor/simple-line-icons/css/simple-line-icons.css"> 
    <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.min.css"> 
    <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.min.css"> 
    <link rel="stylesheet" href="vendor/magnific-popup/magnific-popup.css"> 


    <!-- Theme CSS --> 
    <link rel="stylesheet" href="css/theme.css"> 
    <link rel="stylesheet" href="css/theme-elements.css"> 
    <link rel="stylesheet" href="css/theme-blog.css"> 
    <link rel="stylesheet" href="css/theme-shop.css"> 
    <link rel="stylesheet" href="css/theme-animate.css"> 

    <!-- Current Page CSS --> 
    <link rel="stylesheet" href="vendor/rs-plugin/css/settings.css" media="screen"> 
    <link rel="stylesheet" href="vendor/rs-plugin/css/layers.css" media="screen"> 
    <link rel="stylesheet" href="vendor/rs-plugin/css/navigation.css" media="screen"> 
    <link rel="stylesheet" href="vendor/circle-flip-slideshow/css/component.css" media="screen"> 

    <!-- Skin CSS --> 
    <link rel="stylesheet" href="css/skins/default.css"> 

    <!-- Theme Custom CSS --> 
    <link rel="stylesheet" href="css/custom.css"> 

    <!-- Head Libs --> 
    <script src="vendor/modernizr/modernizr.js"></script>