Laravel 样式表和 javascript 不会为非基本路由加载

2022-08-30 07:32:52

好吧--我知道这是一个非常基本的问题,但我无法弄清楚。这是一个关于Laravel的问题。

基本上,我将样式表嵌入到默认布局视图中。我目前只使用常规css来链接它们,例如:

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

当我在单一级别路线(如 /about)时,它工作得很好,但当我深入时(例如 /about/me),它会停止工作。

如果我查看Chrome的开发人员控制台,我会看到以下一些错误(仅适用于更深层次的路由):

Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://example.dev/about/css/app.css".

很明显,它现在正在寻找“about”文件夹中的css - 当然根本不是文件夹。

我只是希望它在同一位置查找资产,而不管路线如何。


答案 1

对于 Laravel 4 和 5:

<link rel="stylesheet" href="{{ URL::asset('assets/css/bootstrap.min.css') }}">

URL::asset将链接到您的项目/公共/文件夹,因此请将脚本放入其中。


注意:为此,您需要使用“刀片模板引擎”。刀片文件使用 .blade.php 扩展名。

答案 2

拉拉维尔 4

更好和正确的方法来做到这一点

添加 CSS

HTML::样式将链接到您的项目/公共/文件夹

{{ HTML::style('css/bootstrap.css') }}

添加 JS

HTML::脚本将链接到您的项目/公共/文件夹

{{ HTML::script('js/script.js') }}

推荐