时间戳

首页 > 解决方案 > 在 Laravel 的模板中未加载 CSS 和 JS

laravel - 在 Laravel 的模板中未加载 CSS 和 JS

问题描述

我是 Laravel 的新手，想加载一个模板。但是，当我加载它时，仅显示基于 HTML 的数据，并且未加载 CSS/JS 文件。我所有的 CSS 和 JS 文件都在 /public 文件夹中。这个问题有什么解决办法吗？

CSS

<link rel="stylesheet" href="{{ asset('css/backend_css/bootstrap.min') }}" />
<link rel="stylesheet" href="{{ asset('css/backend_css/bootstrap-responsive.min') }}" />
<link rel="stylesheet" href="{{ asset('css/backend_css/fullcalendar') }}" />
<link rel="stylesheet" href="{{ asset('css/backend_css/matrix-style') }}" />
<link rel="stylesheet" href="{{ asset('css/backend_css/matrix-media') }}" />
<link href="font-awesome/{{ asset('css/fonts/backend_fonts/css/fonts-awesome.css') }}" 
  rel="stylesheet" />

JS

<script src="{{ asset('js/backend_js/excanvas.min.js') }}"></script> 
<script src="{{ asset('js/backend_js/jquery.min.js') }}"></script> 
<script src="{{ asset('js/backend_js/jquery.ui.custom.js') }}"></script> 
<script src="{{ asset('js/backend_js/bootstrap.min.js') }}"></script> 
<script src="{{ asset('js/backend_js/jquery.flot.min.js') }}"></script> 
<script src="{{ asset('js/backend_js/jquery.flot.resize.min.js') }}"></script> 
<script src="{{ asset('js/backend_js/jquery.peity.min.js') }}"></script>

这是我的文件夹截图的链接。

以下是在 Google Chrome 中以开发者模式显示的链接。

href="http://localhost/laravel/ecom2/public/css/backend_css/bootstrap.min"
href="http://localhost/laravel/ecom2/public/css/backend_css/bootstrap-responsive.min"
href="http://localhost/laravel/ecom2/public/css/backend_css/fullcalendar"
src="http://localhost/laravel/ecom2/public/js/backend_js/matrix.interface.js"
src="http://localhost/laravel/ecom2/public/js/backend_js/matrix.chat.js"
src="http://localhost/laravel/ecom2/public/js/backend_js/jquery.validate.js"

标签： laravellaravel-5laravel-blade

解决方案

您的 css、js 路径现在无效

你没有extensions在你的css，js文件中附加

另外，您应该使用 artisan 运行您的项目

php artisan serve

然后转到localhost:8000

推荐阅读