如何在与工匠一起运行的 laravel 5 中包含 CSS？答案

【问题标题】：How to include CSS in laravel 5 running with artisan?如何在与工匠一起运行的 laravel 5 中包含 CSS？
【发布时间】：2015-06-26 16:44:11
【问题描述】：

我是 Laravel 的新手，正在尝试加载公共目录中的 css。页面加载没有问题，但 CSS 在 firebug 中给了我 404 错误：

"NetworkError: 404 Not Found - http://127.0.0.1:8000/css/main.css"

我在刀片模板中写了这个：

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

哪些输出：

<link href="http://127.0.0.1:8000/css/main.css" rel="stylesheet">

这似乎是正确的。

该站点使用 php artisan serve 运行。有什么建议？谢谢！

【问题讨论】：

试试{{ asset('css/main.css') }}
刚试过，还是给我一个404，它输出同样的东西：<link href="http://127.0.0.1:8000/css/main.css" rel="stylesheet">
这应该可以工作
"NetworkError: 404 Not Found - http://localhost:8000/asset/css/main.css"
将相同的内容粘贴到浏览器是否有效？

【解决方案1】：

试试：

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

或

<link href="{{url('css/main.css')}}" rel="stylesheet">

或

如果您使用 php artisan serve，您的公用文件夹可能没有被使用，因此请改用 PHP 本机服务器并将公用文件夹指定为 Web 根目录。

停止 artisan serve 并尝试通过在 Laravel 项目的根目录发出以下命令来使用 PHP 本地服务器：php -S localhost:8000 -t public

【讨论】：

现在试了，还是一样的404
请问您的公用文件夹中的 CSS 文件在哪里？
默认位置：./public/css/main.css
正确。使用php artisan serve 运行它
好的。请停止 artisan serve 并尝试通过在 Laravel 项目的根目录下发出以下命令来使用 PHP 本地服务器：php -S localhost:8000 -t public

【解决方案2】：

如果您安装 Illuminate/HTML 你可以做

{!!HTML::style('css/styles.css')!!} //styles.css inside public/css folder

或者试试

{{ asset('css/styles.css') }}

【讨论】：

【解决方案3】：

当您为 css 和 JS 文件指定路径时，文件的根目录需要位于 'project-name\public\' 而不是 'project-name\'

例如，如果您想包含在“mypersonalcss”文件夹中的刀片“mytheme.css”（“mypersonnalcss\mytheme.css”），请将其添加到“project-name\public\mypersonnalcss\mytheme”中的项目中.css'

然后将其添加到您的刀片文件中：

<link href="{{ asset('mypersonnalcss\mytheme.css') }}" rel="stylesheet" type="text/css" >

请参阅：Laravel 5 not finding css files 了解有关如何将资产添加到刀片文件的更多信息。

【讨论】：